diff --git a/static/themes/dark.css b/static/themes/dark.css
index 5f7f9f23..48eb870c 100755
--- a/static/themes/dark.css
+++ b/static/themes/dark.css
@@ -18,10 +18,15 @@ body {
 ::-webkit-scrollbar {
   background: rgb(43, 43, 43);
 }
-
+::-webkit-scrollbar:vertical {
+  width: 12px;
+}
 ::-webkit-scrollbar-thumb {
   background: rgb(55, 55, 55);
 }
+::-webkit-scrollbar-thumb:hover {
+  background: #3F3F3F;
+}
 
 #ag-editor-id {
   max-width: 860px;
diff --git a/static/themes/light.css b/static/themes/light.css
index d1c7166a..ce7c9975 100644
--- a/static/themes/light.css
+++ b/static/themes/light.css
@@ -19,10 +19,15 @@ body {
 ::-webkit-scrollbar {
   background: rgb(252, 252, 252);
 }
-
+::-webkit-scrollbar:vertical {
+  width: 12px;
+}
 ::-webkit-scrollbar-thumb {
   background: #EBEEF5;
 }
+::-webkit-scrollbar-thumb:hover {
+  background: #E1E4EA;
+}
 
 #ag-editor-id {
   max-width: 860px;