diff --git a/components/shopify/header.tsx b/components/shopify/header.tsx
index 70eb7a0..aeabe21 100644
--- a/components/shopify/header.tsx
+++ b/components/shopify/header.tsx
@@ -103,7 +103,7 @@ const Header: React.FC<HeaderProps> = ({
               <Link
                 key={index}
                 href={link.url}
-                className="text-foreground relative after:absolute after:bottom-[-4px] after:left-1/2 after:-translate-x-1/2 after:h-px after:w-0 after:bg-foreground after:transition-[width] after:duration-300 hover:after:w-full"
+                className="text-foreground hover:text-muted-foreground transition-colors"
               >
                 {link.label}
               </Link>