diff --git a/components/shopify/header.tsx b/components/shopify/header.tsx
index aeabe21..38fbb69 100644
--- a/components/shopify/header.tsx
+++ b/components/shopify/header.tsx
@@ -63,7 +63,7 @@ const Header: React.FC<HeaderProps> = ({
     <>
       {/* Sits above the sticky nav, so it scrolls away on its own. */}
       {announcement && (
-        <div className="bg-foreground text-background">
+        <div className="bg-muted text-foreground">
           <div className="max-w-screen-2xl mx-auto flex h-9 items-center justify-center px-8 text-center text-xs">
             {announcementUrl ? (
               <Link