From e2fa4e8619567291a0b0abcdb7c5eb7cf71039c7 Mon Sep 17 00:00:00 2001
From: Matt Toohey <contact@matttoohey.com>
Date: Tue, 31 Mar 2026 10:52:50 +1100
Subject: [PATCH] fix: prevent horizontal scrolling in sidebar nav (#14)

When overflow-y is set to auto, browsers implicitly set overflow-x to
auto as well, creating an unwanted horizontal scrollbar. Explicitly set
overflow-x-hidden on the sidebar nav element.

Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 ui/goose2/src/features/sidebar/ui/Sidebar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/goose2/src/features/sidebar/ui/Sidebar.tsx b/ui/goose2/src/features/sidebar/ui/Sidebar.tsx
index bf768e42aa..d671cb251a 100644
--- a/ui/goose2/src/features/sidebar/ui/Sidebar.tsx
+++ b/ui/goose2/src/features/sidebar/ui/Sidebar.tsx
@@ -171,7 +171,7 @@ export function Sidebar({
         </div>
 
         {/* Navigation (scrollable) */}
-        <nav className="flex-1 min-h-0 overflow-y-auto px-1.5 py-1">
+        <nav className="flex-1 min-h-0 overflow-y-auto overflow-x-hidden px-1.5 py-1">
           <div className="space-y-0.5">
             {/* New Chat */}
             <button