diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 5f4a82a..0b17bf8 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-slate-950/90 backdrop-blur-lg border-b border-purple-900/30 shadow-lg" : "bg-transparent"}`}>
+    <header className={`fixed top-0 inset-x-0 z-50 transition-all duration-300 ${scrolled ? "bg-slate-950/90 backdrop-blur-lg border-b border-purple-900/30 shadow-lg" : "bg-transparent"}`}>
       <div className="mx-auto max-w-7xl flex items-center justify-between px-6 py-4">
         <Link to="/" className="flex items-center gap-2 text-lg font-black tracking-tight text-white">
           <Music className="h-5 w-5 text-purple-400" />