diff --git a/src/styles.scss b/src/styles.scss
index 5e565ab709..1c1b2c72a7 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -62,6 +62,47 @@ html[mode='dark'] {
 html:not([mode='dark']):not([mode='light']),
 html[mode='light'] {
   @extend .light-mode;
+
+  ::-webkit-scrollbar {
+    width: 10px;
+  }
+
+  ::-webkit-scrollbar-thumb {
+    background: #c0c0c0 !important;
+    border-radius: 6px;
+  }
+
+  ::-webkit-scrollbar-thumb:hover {
+    background: #a0a0a0;
+  }
+
+  ::-webkit-scrollbar-track {
+    background: var(--background-3dp);
+  }
+
+  ::-webkit-scrollbar-corner {
+    background: var(--background-3dp);
+  }
+
+  .app-menu {
+    &::-webkit-scrollbar {
+      width: 6px;
+    }
+  }
+
+  .app-menu:not(:hover) {
+    &::-webkit-scrollbar-thumb {
+      background: var(--menu-background) !important;
+    }
+
+    &::-webkit-scrollbar-track {
+      background: var(--menu-background);
+    }
+
+    &::-webkit-scrollbar-corner {
+      background: var(--menu-background);
+    }
+  }
 }
 
 body {