diff --git a/src/assets/index.css b/src/assets/index.css
index 5906f5d4..7294e1db 100644
--- a/src/assets/index.css
+++ b/src/assets/index.css
@@ -20,6 +20,7 @@ html {
 
 ::-webkit-scrollbar-track {
   background: var(--scroll-bg);
+  box-shadow: inset 0 0 5px var(--scroll-bg);
   border-radius: 5px;
 }
 
diff --git a/src/assets/themes/dark.css b/src/assets/themes/dark.css
index 2dc0d7eb..57259bca 100644
--- a/src/assets/themes/dark.css
+++ b/src/assets/themes/dark.css
@@ -10,7 +10,7 @@ html.dark {
   --sidebar-bg: #1e1e1e;
   --sidebar-icon: #e1e1e1;
   --page-bg:#2a2a2a;
-  --scroll-bg: #ECE5D8;
+  --scroll-bg: rgba(0, 0, 0, 0.5);
   --calendar-btn-bg: #1e1e1e;
   --back-top-shadow: #000000;
   --theme-switch-icon: #e1e1e1;
diff --git a/src/assets/themes/default.css b/src/assets/themes/default.css
index 16fdb53f..16046e66 100644
--- a/src/assets/themes/default.css
+++ b/src/assets/themes/default.css
@@ -10,7 +10,7 @@ html.default {
   --sidebar-bg: #485466;
   --sidebar-icon: #ece5d8;
   --page-bg:#ece5d8;
-  --scroll-bg: #2A2A2A;
+  --scroll-bg: rgba(0, 0, 0, 0.2);
   --calendar-btn-bg: #393b40;
   --back-top-shadow: #546d8b;
   --theme-switch-icon: #393b40;