diff --git a/web/src/styles/global-style.ts b/web/src/styles/global-style.ts
index bf9404551..2cfdf3412 100644
--- a/web/src/styles/global-style.ts
+++ b/web/src/styles/global-style.ts
@@ -15,6 +15,7 @@ export const GlobalStyle = createGlobalStyle`
 
   html {
     box-sizing: border-box;
+    scrollbar-gutter: stable;
   }
 
   *, *:before, *:after {
@@ -103,4 +104,21 @@ export const GlobalStyle = createGlobalStyle`
     --base-color: ${({ theme }) => theme.skeletonBackground};
     --highlight-color: ${({ theme }) => theme.skeletonHighlight};
   }
+  *::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+  }
+
+  *::-webkit-scrollbar-track {
+    background-color: ${({ theme }) => theme.mediumPurple}; 
+}
+
+*::-webkit-scrollbar-thumb {
+    background-color: ${({ theme }) => theme.primaryPurple}; 
+    border-radius: 3px; 
+}
+
+*::-webkit-scrollbar-thumb:hover {
+    background-color: ${({ theme }) => theme.secondaryPurple}; 
+}
 `;