From 6f3548125168ea3d89abd4ce22e05b2ecef92e5f Mon Sep 17 00:00:00 2001
From: spencrmartin <spencermartin@squareup.com>
Date: Tue, 13 Jan 2026 17:03:55 -0500
Subject: [PATCH] feat: add vertical scrolling to push mode top/bottom layouts

- Change container overflow from 'overflow-hidden' to 'overflow-y-auto' for horizontal push mode
- Ensures all tiles remain accessible when content exceeds viewport height
- Particularly important for mobile (2 columns, 5 rows) and tablet (5 columns, 2 rows) layouts
- Maintains consistent scrolling behavior across all navigation modes
---
 ui/desktop/src/components/Layout/TopNavigation.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/desktop/src/components/Layout/TopNavigation.tsx b/ui/desktop/src/components/Layout/TopNavigation.tsx
index d0c4b7043f..82a8f1b580 100644
--- a/ui/desktop/src/components/Layout/TopNavigation.tsx
+++ b/ui/desktop/src/components/Layout/TopNavigation.tsx
@@ -480,7 +480,7 @@ export const TopNavigation: React.FC<TopNavigationProps> = ({ isExpanded, setIsE
     ? 'w-full h-full flex items-center justify-center overflow-hidden' // Always centered for overlay mode
     : isVertical
       ? 'h-full'
-      : 'w-full overflow-hidden';
+      : 'w-full overflow-y-auto'; // Enable vertical scrolling for horizontal push mode
 
   return (
     <div className={`${isOverlayMode ? 'bg-transparent' : 'bg-background-muted'} ${containerClasses} relative z-[9998]`}>