diff --git a/app/globals.css b/app/globals.css
index 3585fdc..35070a2 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -137,6 +137,6 @@ body {
   50% { opacity: 0.4; }
 }
 
-.animate-blink {
+@utility animate-blink {
   animation: blink 0.8s ease-in-out infinite;
 }
diff --git a/components/reading-progress.tsx b/components/reading-progress.tsx
index b6bfba2..fda10e6 100644
--- a/components/reading-progress.tsx
+++ b/components/reading-progress.tsx
@@ -13,6 +13,7 @@ export default function ReadingProgress() {
       }
     };
 
+    handleScroll();
     window.addEventListener("scroll", handleScroll, { passive: true });
     return () => window.removeEventListener("scroll", handleScroll);
   }, []);