diff --git a/client/src/routes/+layout.svelte b/client/src/routes/+layout.svelte
index b6ad3bf..f5d32a2 100644
--- a/client/src/routes/+layout.svelte
+++ b/client/src/routes/+layout.svelte
@@ -31,7 +31,7 @@
     </PageTransition>
 </div>
 
-<style>
+<style lang="postcss">
     :global(:root), :global(body) {
         @apply overflow-hidden w-100vw;
     }
@@ -39,4 +39,23 @@
         @apply transition-colors;
         -webkit-tap-highlight-color: transparent;
     }
+    :global(::-webkit-scrollbar) {
+        width: 10px;
+    }
+    :global(::-webkit-scrollbar-thumb) {
+        background: #d8d8d8;
+        border-radius: 5px;
+    }
+    :global(.dark ::-webkit-scrollbar-thumb) {
+        background: #2e2e2e;
+    }
+    :global(::-webkit-scrollbar-track) {
+        background: transparent;
+    }
+    :global(::-webkit-scrollbar-button) {
+        display: none;
+    }
+    :global(::-webkit-scrollbar-track-piece) {
+        background: transparent;
+    }
 </style>
\ No newline at end of file