diff --git a/src/components/Scrollable/Scrollable.scss b/src/components/Scrollable/Scrollable.scss
index 0a77b55..0e0870e 100644
--- a/src/components/Scrollable/Scrollable.scss
+++ b/src/components/Scrollable/Scrollable.scss
@@ -2,17 +2,13 @@
   --scrollable-track-thickness: 12px;
   --scrollable-thumb-thickness: Calc(var(--scrollable-track-thickness)/2);
   --scrollable-thumb-offset: 3px;
+  --scrollable-thumb-color: silver;
 
   position: relative;
   max-height: 100%;
   max-width: 100%;
   display: flex;
 
-  &:hover > .scrollbar-track .scrollbar-thumb .scrollbar-thumb-inner {
-    opacity: 1;
-    transition-delay: 0s;
-  }
-
   .scrollbar-inner {
     position: relative;
     overflow: auto;
@@ -37,10 +33,7 @@
       cursor: pointer;
 
       .scrollbar-thumb-inner {
-        background-color: rgba(28, 34, 43, 0.6);
-        border-radius: 4px;
-        opacity: 0;
-        transition: opacity 0.2s ease-out 0.5s; // The transition delay is used to keep the thumb visible for a short time when the cursor leaves. (see `Scrollable.constants.js`)
+        background-color: var(--scrollable-thumb-color);
       }
     }
   }