diff --git a/application/src/components/ui/scroll-area.tsx b/application/src/components/ui/scroll-area.tsx
index 4b842a5..55bab1f 100644
--- a/application/src/components/ui/scroll-area.tsx
+++ b/application/src/components/ui/scroll-area.tsx
@@ -40,10 +40,10 @@ const ScrollBar = React.forwardRef<
     {...props}
   >
     <ScrollAreaPrimitive.ScrollAreaThumb 
-      className="relative flex-1 rounded-full bg-gray-500 hover:bg-gray-600 transition-colors opacity-100" 
+      className="relative flex-1 rounded-full bg-gray-400 hover:bg-gray-600 transition-colors opacity-100 min-h-[40px]" 
     />
   </ScrollAreaPrimitive.ScrollAreaScrollbar>
 ))
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName
 
-export { ScrollArea, ScrollBar }
+export { ScrollArea, ScrollBar }
\ No newline at end of file