From a3e3f53548bcb1fe348a35f881c063464fddecbe Mon Sep 17 00:00:00 2001
From: Gabriel Kaszewski <gabrielkaszewski@gmail.com>
Date: Tue, 31 Mar 2026 02:26:22 +0200
Subject: [PATCH] fix: use @utility for animate-blink, call handleScroll on
 mount

---
 app/globals.css                 | 2 +-
 components/reading-progress.tsx | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

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);
   }, []);