diff --git a/ui/src/index.css b/ui/src/index.css
index 3b8a5af6..a2a3b794 100644
--- a/ui/src/index.css
+++ b/ui/src/index.css
@@ -178,12 +178,13 @@
   background: oklch(0.5 0 0);
 }
 
-/* Auto-hide scrollbar: fully transparent by default, visible on container hover */
+/* Auto-hide scrollbar: fully invisible by default, visible on container hover */
 .scrollbar-auto-hide::-webkit-scrollbar-track {
   background: transparent !important;
 }
 .scrollbar-auto-hide::-webkit-scrollbar-thumb {
   background: transparent !important;
+  transition: background 150ms ease;
 }
 .scrollbar-auto-hide:hover::-webkit-scrollbar-track {
   background: oklch(0.205 0 0) !important;