diff --git a/invokeai/frontend/web/src/theme/css/overlayscrollbars.css b/invokeai/frontend/web/src/theme/css/overlayscrollbars.css
index b5acaca75d..8f6f267095 100644
--- a/invokeai/frontend/web/src/theme/css/overlayscrollbars.css
+++ b/invokeai/frontend/web/src/theme/css/overlayscrollbars.css
@@ -8,11 +8,11 @@
   /*      The border radius of the scrollbar track */
   /* --os-track-border-radius: 0; */
   /*      The background of the scrollbar track */
-  --os-track-bg: rgba(0, 0, 0, 0.3);
+  /* --os-track-bg: rgba(0, 0, 0, 0.3); */
   /*      The :hover background of the scrollbar track */
-  --os-track-bg-hover: rgba(0, 0, 0, 0.3);
+  /* --os-track-bg-hover: rgba(0, 0, 0, 0.3); */
   /*      The :active background of the scrollbar track */
-  --os-track-bg-active: rgba(0, 0, 0, 0.3);
+  /* --os-track-bg-active: rgba(0, 0, 0, 0.3); */
   /*      The border of the scrollbar track */
   /* --os-track-border: none; */
   /*      The :hover background of the scrollbar track */
@@ -22,11 +22,11 @@
   /*      The border radius of the scrollbar handle */
   /* --os-handle-border-radius: 0; */
   /*      The background of the scrollbar handle */
-  --os-handle-bg: var(--invokeai-colors-accent-500);
+  --os-handle-bg: var(--invokeai-colors-accentAlpha-500);
   /*      The :hover background of the scrollbar handle */
-  --os-handle-bg-hover: var(--invokeai-colors-accent-450);
+  --os-handle-bg-hover: var(--invokeai-colors-accentAlpha-700);
   /*      The :active background of the scrollbar handle */
-  --os-handle-bg-active: var(--invokeai-colors-accent-400);
+  --os-handle-bg-active: var(--invokeai-colors-accentAlpha-800);
   /*      The border of the scrollbar handle */
   /* --os-handle-border: none; */
   /*      The :hover border of the scrollbar handle */