From fd0341bfc7912a2596e8c043604991598ded6018 Mon Sep 17 00:00:00 2001
From: Cosmin Popovici <hellocosmin@gmail.com>
Date: Mon, 3 Aug 2026 15:17:30 +0300
Subject: [PATCH] fix: use the shadcn scrollbar for the dev UI sidebar

The template-list ScrollArea had no min-h-0, so as a flex child it grew
to its full content height instead of being bounded. Its viewport never
scrolled (the custom scrollbar never engaged) and overflow fell through
to SidebarContent's overflow-auto, showing the native scrollbar. Add
min-h-0 so the ScrollArea is bounded and its shadcn scrollbar is used,
matching the preview pane.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 src/server/ui/App.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/server/ui/App.vue b/src/server/ui/App.vue
index 09d4563b..c12209e8 100644
--- a/src/server/ui/App.vue
+++ b/src/server/ui/App.vue
@@ -344,7 +344,7 @@ onUnmounted(() => {
       </SidebarHeader>
 
       <SidebarContent>
-        <ScrollArea class="flex-1">
+        <ScrollArea class="flex-1 min-h-0">
           <SidebarGroup v-if="loading">
             <p class="px-2 py-4 text-xs text-gray-500 dark:text-gray-400">Loading emails...</p>
           </SidebarGroup>