diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 54df3a9..048ab60 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -23,7 +23,7 @@ export default function Header() {
   ];
 
   return (
-    <header className={`fixed top-0 inset-x-0 z-50 transition-all duration-300 \${scrolled ? "bg-white/90 dark:bg-stone-950/90 backdrop-blur-lg border-b border-rose-100 dark:border-stone-800 shadow-sm" : "bg-transparent"}`}>
+    <header className={`fixed top-0 inset-x-0 z-50 transition-all duration-300 ${scrolled ? "bg-white/90 dark:bg-stone-950/90 backdrop-blur-lg border-b border-rose-100 dark:border-stone-800 shadow-sm" : "bg-transparent"}`}>
       <div className="mx-auto max-w-7xl flex items-center justify-between px-6 py-4">
         <Link to="/" className="font-serif text-xl md:text-2xl tracking-tight text-rose-800 dark:text-rose-300 hover:text-rose-600 transition-colors flex items-center gap-2">
           Sarah & James <Heart className="h-4 w-4 fill-rose-400 text-rose-400" />