diff --git a/src/components/ScrollArea.module.css b/src/components/ScrollArea.module.css
index 26eca18..074433d 100644
--- a/src/components/ScrollArea.module.css
+++ b/src/components/ScrollArea.module.css
@@ -28,7 +28,7 @@
       aspect-ratio: 1 / 3;
       position: absolute;
       border-radius: calc(var(--border-radius) * 2);
-      background-color: oklch(from var(--color-dark-primary) l c h / 70%);
+      background-color: color-mix(in oklch, var(--color-dark-primary) 70%, transparent);
       cursor: pointer;
     }
   }
@@ -42,7 +42,7 @@
       aspect-ratio: 3 / 1;
       position: absolute;
       border-radius: calc(var(--border-radius) * 2);
-      background-color: oklch(from var(--color-dark-primary) l c h / 70%);
+      background-color: color-mix(in oklch, var(--color-dark-primary) 70%, transparent);
       cursor: pointer;
     }
   }