diff --git a/app/[locale]/globals.css b/app/[locale]/globals.css
index 98ad8fb9..18e1cff1 100644
--- a/app/[locale]/globals.css
+++ b/app/[locale]/globals.css
@@ -10,6 +10,18 @@
     width: auto;
     height: auto;
   }
+
+  *::-webkit-scrollbar {
+    @apply w-2;
+  }
+
+  *::-webkit-scrollbar-thumb {
+    @apply bg-blue-400 dark:bg-slate-500 rounded-full border-4 border-blue-400 dark:border-black;
+  }
+
+  *::-webkit-scrollbar-track {
+    @apply bg-purple-100 dark:bg-black rounded-full;
+  }
 }
 
 @layer components {