diff --git a/src/_sass/gnome-shell/_common.scss b/src/_sass/gnome-shell/_common.scss
index b84f395d..129edc8a 100644
--- a/src/_sass/gnome-shell/_common.scss
+++ b/src/_sass/gnome-shell/_common.scss
@@ -2311,7 +2311,7 @@ StScrollBar {
   border-radius: 3px;
   padding: 4px 12px;
   color: $_shell_fg_color;
-  background-color: rgba(black, 0.5);
+  background-color: rgba(darken($osd_bg_color, 8%), 0.95);
   text-align: center;
   border: 1px solid rgba(black, 0.75);
   box-shadow: none;
diff --git a/src/gnome-shell/theme-manjaro/gnome-shell-dark.css b/src/gnome-shell/theme-manjaro/gnome-shell-dark.css
index 9ec9d18d..93a99ef6 100644
--- a/src/gnome-shell/theme-manjaro/gnome-shell-dark.css
+++ b/src/gnome-shell/theme-manjaro/gnome-shell-dark.css
@@ -2488,7 +2488,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   border-radius: 3px;
   padding: 4px 12px;
   color: white;
-  background-color: rgba(0, 0, 0, 0.5);
+  background-color: rgba(22, 23, 28, 0.95);
   text-align: center;
   border: 1px solid rgba(0, 0, 0, 0.75);
   box-shadow: none;
diff --git a/src/gnome-shell/theme-manjaro/gnome-shell-light.css b/src/gnome-shell/theme-manjaro/gnome-shell-light.css
index 8ecaf185..3b3aff7e 100644
--- a/src/gnome-shell/theme-manjaro/gnome-shell-light.css
+++ b/src/gnome-shell/theme-manjaro/gnome-shell-light.css
@@ -2488,7 +2488,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   border-radius: 3px;
   padding: 4px 12px;
   color: white;
-  background-color: rgba(0, 0, 0, 0.5);
+  background-color: rgba(22, 23, 28, 0.95);
   text-align: center;
   border: 1px solid rgba(0, 0, 0, 0.75);
   box-shadow: none;
diff --git a/src/gnome-shell/theme-manjaro/gnome-shell.css b/src/gnome-shell/theme-manjaro/gnome-shell.css
index 271df5f5..99afc16c 100644
--- a/src/gnome-shell/theme-manjaro/gnome-shell.css
+++ b/src/gnome-shell/theme-manjaro/gnome-shell.css
@@ -2488,7 +2488,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   border-radius: 3px;
   padding: 4px 12px;
   color: white;
-  background-color: rgba(0, 0, 0, 0.5);
+  background-color: rgba(22, 23, 28, 0.95);
   text-align: center;
   border: 1px solid rgba(0, 0, 0, 0.75);
   box-shadow: none;
diff --git a/src/gnome-shell/theme-ubuntu/gnome-shell-dark.css b/src/gnome-shell/theme-ubuntu/gnome-shell-dark.css
index bd1cd09a..f53618ea 100644
--- a/src/gnome-shell/theme-ubuntu/gnome-shell-dark.css
+++ b/src/gnome-shell/theme-ubuntu/gnome-shell-dark.css
@@ -2488,7 +2488,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   border-radius: 3px;
   padding: 4px 12px;
   color: white;
-  background-color: rgba(0, 0, 0, 0.5);
+  background-color: rgba(22, 23, 28, 0.95);
   text-align: center;
   border: 1px solid rgba(0, 0, 0, 0.75);
   box-shadow: none;
diff --git a/src/gnome-shell/theme-ubuntu/gnome-shell-light.css b/src/gnome-shell/theme-ubuntu/gnome-shell-light.css
index d7b38b59..43b1c73f 100644
--- a/src/gnome-shell/theme-ubuntu/gnome-shell-light.css
+++ b/src/gnome-shell/theme-ubuntu/gnome-shell-light.css
@@ -2488,7 +2488,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   border-radius: 3px;
   padding: 4px 12px;
   color: white;
-  background-color: rgba(0, 0, 0, 0.5);
+  background-color: rgba(22, 23, 28, 0.95);
   text-align: center;
   border: 1px solid rgba(0, 0, 0, 0.75);
   box-shadow: none;
diff --git a/src/gnome-shell/theme-ubuntu/gnome-shell.css b/src/gnome-shell/theme-ubuntu/gnome-shell.css
index d8fd7fc1..7474598f 100644
--- a/src/gnome-shell/theme-ubuntu/gnome-shell.css
+++ b/src/gnome-shell/theme-ubuntu/gnome-shell.css
@@ -2488,7 +2488,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   border-radius: 3px;
   padding: 4px 12px;
   color: white;
-  background-color: rgba(0, 0, 0, 0.5);
+  background-color: rgba(22, 23, 28, 0.95);
   text-align: center;
   border: 1px solid rgba(0, 0, 0, 0.75);
   box-shadow: none;
diff --git a/src/gnome-shell/theme/gnome-shell-dark.css b/src/gnome-shell/theme/gnome-shell-dark.css
index 1da9a358..d5662236 100644
--- a/src/gnome-shell/theme/gnome-shell-dark.css
+++ b/src/gnome-shell/theme/gnome-shell-dark.css
@@ -2488,7 +2488,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   border-radius: 3px;
   padding: 4px 12px;
   color: white;
-  background-color: rgba(0, 0, 0, 0.5);
+  background-color: rgba(22, 23, 28, 0.95);
   text-align: center;
   border: 1px solid rgba(0, 0, 0, 0.75);
   box-shadow: none;
diff --git a/src/gnome-shell/theme/gnome-shell-light.css b/src/gnome-shell/theme/gnome-shell-light.css
index 711f1735..7f9ec5c4 100644
--- a/src/gnome-shell/theme/gnome-shell-light.css
+++ b/src/gnome-shell/theme/gnome-shell-light.css
@@ -2488,7 +2488,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   border-radius: 3px;
   padding: 4px 12px;
   color: white;
-  background-color: rgba(0, 0, 0, 0.5);
+  background-color: rgba(22, 23, 28, 0.95);
   text-align: center;
   border: 1px solid rgba(0, 0, 0, 0.75);
   box-shadow: none;
diff --git a/src/gnome-shell/theme/gnome-shell.css b/src/gnome-shell/theme/gnome-shell.css
index 14c17dbe..a568c983 100644
--- a/src/gnome-shell/theme/gnome-shell.css
+++ b/src/gnome-shell/theme/gnome-shell.css
@@ -2488,7 +2488,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   border-radius: 3px;
   padding: 4px 12px;
   color: white;
-  background-color: rgba(0, 0, 0, 0.5);
+  background-color: rgba(22, 23, 28, 0.95);
   text-align: center;
   border: 1px solid rgba(0, 0, 0, 0.75);
   box-shadow: none;