diff --git a/resources/css/app.css b/resources/css/app.css
index ade6286..c1920a5 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -206,8 +206,44 @@ @layer base {
     body {
         @apply bg-background text-foreground;
     }
-  html {
-    @apply font-sans;
+
+    html {
+        @apply font-sans;
+    }
+
+    * {
+        scrollbar-width: thin;
+        scrollbar-color: oklch(0.8 0 0) transparent;
+    }
+
+    *::-webkit-scrollbar {
+        width: 6px;
+        height: 6px;
+    }
+
+    *::-webkit-scrollbar-track {
+        background: transparent;
+    }
+
+    *::-webkit-scrollbar-thumb {
+        background-color: oklch(0.8 0 0);
+        border-radius: 3px;
+    }
+
+    *::-webkit-scrollbar-thumb:hover {
+        background-color: oklch(0.65 0 0);
+    }
+
+    .dark * {
+        scrollbar-color: oklch(0.35 0 0) transparent;
+    }
+
+    .dark *::-webkit-scrollbar-thumb {
+        background-color: oklch(0.35 0 0);
+    }
+
+    .dark *::-webkit-scrollbar-thumb:hover {
+        background-color: oklch(0.45 0 0);
     }
 }