diff --git a/src/views/collection.tsx b/src/views/collection.tsx
index 64288ca..67d0d51 100644
--- a/src/views/collection.tsx
+++ b/src/views/collection.tsx
@@ -630,7 +630,7 @@ const CollectionView = () => {
         {/* Fixed bottom panel */}
         <Show when={!lexicon.showSchema() && records.length > 1}>
           <div class="bottom-controls-fade dark:bg-dark-500 fixed bottom-0 z-10 flex w-full flex-col items-center gap-2 bg-neutral-100 px-3 pt-3 pb-6">
-            <div class="flex w-full max-w-lg items-center gap-2">
+            <div class="flex w-full max-w-120 items-center gap-2">
               {/* Filter */}
               <div
                 class="dark:bg-dark-200 flex min-w-0 grow cursor-text items-center gap-1.5 rounded-md border border-neutral-200 bg-white px-2 text-sm dark:border-neutral-700"
@@ -659,7 +659,7 @@ const CollectionView = () => {
             </div>
 
             {/* Pagination */}
-            <div class="flex min-h-7.5 w-full max-w-lg items-center justify-between gap-2">
+            <div class="flex min-h-7.5 w-full max-w-120 items-center justify-between gap-2">
               <Button
                 onClick={() => {
                   const newReverse = !reverse();
diff --git a/src/views/labels.tsx b/src/views/labels.tsx
index 7bece45..0d7d3dd 100644
--- a/src/views/labels.tsx
+++ b/src/views/labels.tsx
@@ -277,7 +277,7 @@ export const LabelView = () => {
         <Show when={labels().length > 1}>
           <div class="bottom-controls-fade dark:bg-dark-500 fixed bottom-0 z-10 flex w-full flex-col items-center gap-2 bg-neutral-100 px-3 pt-3 pb-6">
             <div
-              class="dark:bg-dark-200 flex w-full max-w-lg cursor-text items-center gap-1.5 rounded-md border border-neutral-200 bg-white px-2 text-sm dark:border-neutral-700"
+              class="dark:bg-dark-200 flex w-full max-w-122 cursor-text items-center gap-1.5 rounded-md border border-neutral-200 bg-white px-2 text-sm dark:border-neutral-700"
               onClick={(e) => {
                 const input = e.currentTarget.querySelector("input");
                 if (e.target !== input) input?.focus();
@@ -297,7 +297,7 @@ export const LabelView = () => {
               />
             </div>
 
-            <div class="flex min-h-7.5 w-full max-w-lg items-center justify-between">
+            <div class="flex min-h-7.5 w-full max-w-122 items-center justify-between">
               <div class="w-20" />
 
               <div>
diff --git a/src/views/repo/index.tsx b/src/views/repo/index.tsx
index b671d88..6fbc54b 100644
--- a/src/views/repo/index.tsx
+++ b/src/views/repo/index.tsx
@@ -574,7 +574,7 @@ const RepoView = () => {
         <Show when={nsids() && (!location.hash || location.hash.startsWith("#collections"))}>
           <div class="bottom-controls-fade dark:bg-dark-500 fixed bottom-0 z-10 flex w-full flex-col items-center gap-2 bg-neutral-100 px-3 pt-3 pb-6">
             <div
-              class="dark:bg-dark-200 flex w-full max-w-lg cursor-text items-center gap-1.5 rounded-md border border-neutral-200 bg-white px-2 text-sm dark:border-neutral-700"
+              class="dark:bg-dark-200 flex w-full max-w-120 cursor-text items-center gap-1.5 rounded-md border border-neutral-200 bg-white px-2 text-sm dark:border-neutral-700"
               onClick={(e) => {
                 const input = e.currentTarget.querySelector("input");
                 if (e.target !== input) input?.focus();
@@ -594,7 +594,7 @@ const RepoView = () => {
                 onInput={(e) => setFilter(e.currentTarget.value.toLowerCase())}
               />
             </div>
-            <div class="flex w-full max-w-lg justify-end gap-1">
+            <div class="flex w-full max-w-120 justify-end gap-1">
               <button
                 class="rounded px-2 py-1 text-xs text-neutral-500 hover:bg-neutral-200 hover:text-neutral-700 active:bg-neutral-300 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:hover:text-neutral-200 dark:active:bg-neutral-600"
                 onClick={expandAll}