From 977fa8aa1b4d30f67995190c86470b315f84cd3b Mon Sep 17 00:00:00 2001
From: Jared Vititoe <jjvititoe1@gmail.com>
Date: Wed, 3 Jun 2026 01:00:33 -0400
Subject: [PATCH] fix: sidebar filter inputs full width (grow=Yes on container
 Box)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/app/pages/client/direct/Direct.tsx | 5 ++++-
 src/app/pages/client/home/Home.tsx     | 1 +
 2 files changed, 5 insertions(+), 1 deletion(-)

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"