diff --git a/packages/frontend/src/app.css b/packages/frontend/src/app.css
index 7a30aad..0b6cc6d 100644
--- a/packages/frontend/src/app.css
+++ b/packages/frontend/src/app.css
@@ -105,7 +105,7 @@
     border-color: var(--border);
     outline-color: var(--ring);
     scrollbar-width: thin;
-    scrollbar-color: var(--border) transparent;
+    scrollbar-color: color-mix(in oklab, var(--primary) 40%, transparent) transparent;
   }
 
   *::-webkit-scrollbar {
@@ -118,17 +118,17 @@
   }
 
   *::-webkit-scrollbar-thumb {
-    background-color: var(--border);
+    background-color: color-mix(in oklab, var(--primary) 40%, transparent);
     border-radius: 9999px;
   }
 
   *::-webkit-scrollbar-thumb:hover {
-    background-color: var(--muted-foreground);
+    background-color: color-mix(in oklab, var(--primary) 70%, transparent);
   }
 
   html {
     scrollbar-width: thin;
-    scrollbar-color: var(--border) transparent;
+    scrollbar-color: color-mix(in oklab, var(--primary) 40%, transparent) transparent;
   }
 
   .prose h2 {