diff --git a/src/components/layout/ScrollProgressBar.tsx b/src/components/layout/ScrollProgressBar.tsx
index 7e2beda..3c81c06 100644
--- a/src/components/layout/ScrollProgressBar.tsx
+++ b/src/components/layout/ScrollProgressBar.tsx
@@ -32,7 +32,8 @@ export default function ScrollProgressBar() {
         className="h-full transition-[width] duration-100 ease-out"
         style={{
           width: `${scroll}%`,
-          background: 'linear-gradient(to right, var(--accent), #7b2ff7)',
+          background:
+            'linear-gradient(to right, var(--accent), var(--accent2))',
         }}
       />
     </div>