From c798625a79ba329ab7c32d334cce0fde708ddcf1 Mon Sep 17 00:00:00 2001
From: Jared Vititoe <jjvititoe1@gmail.com>
Date: Wed, 3 Jun 2026 16:38:42 -0400
Subject: [PATCH] =?UTF-8?q?fix:=20DM=20filter=20input=20full=20width=20?=
 =?UTF-8?q?=E2=80=94=20add=20direction=3D"Column"=20to=20wrapper=20Box?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Without direction="Column" the flex container defaults to row, so the
Input only takes its intrinsic width instead of stretching. Matches the
identical Box in Home.tsx which already had direction="Column".

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/app/pages/client/direct/Direct.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/app/pages/client/direct/Direct.tsx b/src/app/pages/client/direct/Direct.tsx
index 22ec66acb..6640a4c5a 100644
--- a/src/app/pages/client/direct/Direct.tsx
+++ b/src/app/pages/client/direct/Direct.tsx
@@ -264,6 +264,7 @@ export function Direct() {
             <NavCategory>
               <Box
                 grow="Yes"
+                direction="Column"
                 style={{ padding: `0 ${config.space.S200}`, paddingBottom: config.space.S100 }}
               >
                 <Input