diff --git a/src/app/pages/client/direct/Direct.tsx b/src/app/pages/client/direct/Direct.tsx
index c319f5818..22ec66acb 100644
--- a/src/app/pages/client/direct/Direct.tsx
+++ b/src/app/pages/client/direct/Direct.tsx
@@ -262,7 +262,10 @@ export function Direct() {
               </NavItem>
             </NavCategory>
             <NavCategory>
-              <Box style={{ padding: `0 ${config.space.S200}`, paddingBottom: config.space.S100 }}>
+              <Box
+                grow="Yes"
+                style={{ padding: `0 ${config.space.S200}`, paddingBottom: config.space.S100 }}
+              >
                 <Input
                   value={filterQuery}
                   onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
diff --git a/src/app/pages/client/home/Home.tsx b/src/app/pages/client/home/Home.tsx
index 6b46105b0..989234898 100644
--- a/src/app/pages/client/home/Home.tsx
+++ b/src/app/pages/client/home/Home.tsx
@@ -393,6 +393,7 @@ export function Home() {
             </NavCategory>
             <NavCategory>
               <Box
+                grow="Yes"
                 style={{ padding: `0 ${config.space.S200}`, paddingBottom: config.space.S100 }}
                 direction="Column"
                 gap="100"