diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css
index 90970b2c0..6cb366314 100644
--- a/src/public/stylesheets/style.css
+++ b/src/public/stylesheets/style.css
@@ -781,9 +781,9 @@ body {
 }
 
 ::-webkit-scrollbar-thumb {
-    border-radius: 3px;
+    border-radius: 5px;
     border: 1px solid var(--scrollbar-border-color);
-    background-color: var(--active-item-background-color);
+    background-color: var(--scrollbar-background-color);
 }
 
 ::-webkit-scrollbar-corner {
diff --git a/src/public/stylesheets/theme-dark.css b/src/public/stylesheets/theme-dark.css
index e8b1de4b3..56e303359 100644
--- a/src/public/stylesheets/theme-dark.css
+++ b/src/public/stylesheets/theme-dark.css
@@ -64,7 +64,8 @@
     --inactive-tab-hover-background-color: #525252;
     --inactive-tab-text-color: #bbb;
 
-    --scrollbar-border-color: #888;
+    --scrollbar-border-color: #666;
+    --scrollbar-background-color: #333;
     --tooltip-background-color: #333;
     --link-color: lightskyblue;
 
diff --git a/src/public/stylesheets/theme-light.css b/src/public/stylesheets/theme-light.css
index 2eeb8b408..3126552e8 100644
--- a/src/public/stylesheets/theme-light.css
+++ b/src/public/stylesheets/theme-light.css
@@ -69,8 +69,9 @@ html {
     --inactive-tab-text-color: #666;
 
     --scrollbar-border-color: #ddd;
+    --scrollbar-background-color: #ddd;
     --tooltip-background-color: #f8f8f8;
     --link-color: blue;
 
     --mermaid-theme: default;
-}
\ No newline at end of file
+}