From 5d292fa43f75c4c67c72dd9c9eaca83dab1935a8 Mon Sep 17 00:00:00 2001
From: Linus Rath <139418639+rathlinus@users.noreply.github.com>
Date: Fri, 1 May 2026 21:35:29 +0200
Subject: [PATCH] fix: scroll apps list in navigation rail to prevent overflow

---
 app/globals.css                       | 9 +++++++++
 components/layout/navigation-rail.tsx | 2 +-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/app/globals.css b/app/globals.css
index 4ee13ebd..ddc60eb0 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -522,6 +522,15 @@ body {
   }
 }
 
+.scroll-hidden::-webkit-scrollbar {
+  display: none;
+}
+
+.scroll-hidden {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+
 /* Mobile backdrop blur support */
 @supports (backdrop-filter: blur(8px)) {
   .mobile-backdrop {
diff --git a/components/layout/navigation-rail.tsx b/components/layout/navigation-rail.tsx
index 8c9b1163..11ecedbc 100644
--- a/components/layout/navigation-rail.tsx
+++ b/components/layout/navigation-rail.tsx
@@ -400,7 +400,7 @@ export function NavigationRail({
 
       <nav
         className={cn(
-          "flex flex-col",
+          "flex flex-col flex-1 min-h-0 overflow-y-auto scroll-hidden",
           collapsed ? "items-center gap-1 py-3 px-1" : "gap-0.5 py-2 px-2",
         )}
         role="navigation"