diff --git a/lib/components/src/ScrollArea/GlobalScrollAreaStyles.tsx b/lib/components/src/ScrollArea/GlobalScrollAreaStyles.tsx
index b53b756ed671..0a995a434c20 100644
--- a/lib/components/src/ScrollArea/GlobalScrollAreaStyles.tsx
+++ b/lib/components/src/ScrollArea/GlobalScrollAreaStyles.tsx
@@ -413,7 +413,7 @@ export const getScrollAreaStyles: (theme: Theme) => CSSObject = (theme: Theme) =
     borderRadius: 10,
   },
   '.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle': {
-    background: theme.color.darker,
+    background: theme.color.mediumdark,
     opacity: 0.5,
   },
   '.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle': {