diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 7d2dd65..8a0fbab 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -25,7 +25,7 @@ export default function Header() {
   }, []);
 
   return (
-    <header className={`fixed top-0 inset-x-0 z-50 transition-all duration-300 \${
+    <header className={`fixed top-0 inset-x-0 z-50 transition-all duration-300 ${
       scrolled
         ? "bg-white/95 backdrop-blur-lg border-b border-slate-100 shadow-sm"
         : "bg-transparent"
@@ -36,7 +36,7 @@ export default function Header() {
           <div className="h-8 w-8 rounded-lg bg-gradient-to-br from-indigo-500 to-cyan-500 flex items-center justify-center">
             <Layers className="h-4 w-4 text-white" />
           </div>
-          <span className={`text-lg font-bold tracking-tight \${scrolled ? "text-slate-900" : "text-white"}`}>
+          <span className={`text-lg font-bold tracking-tight ${scrolled ? "text-slate-900" : "text-white"}`}>
             Nexus
           </span>
         </Link>
@@ -47,7 +47,7 @@ export default function Header() {
             <Link
               key={l.to}
               to={l.to}
-              className={`text-sm font-medium transition-colors \${
+              className={`text-sm font-medium transition-colors ${
                 scrolled ? "text-slate-600 hover:text-slate-900" : "text-slate-300 hover:text-white"
               }`}
             >
@@ -59,7 +59,7 @@ export default function Header() {
         {/* Right Actions */}
         <div className="hidden md:flex items-center gap-3">
           <ThemeToggle />
-          <Button asChild variant="ghost" size="sm" className={`rounded-full \${scrolled ? "text-slate-600 hover:text-slate-900" : "text-slate-300 hover:text-white hover:bg-white/10"}`}>
+          <Button asChild variant="ghost" size="sm" className={`rounded-full ${scrolled ? "text-slate-600 hover:text-slate-900" : "text-slate-300 hover:text-white hover:bg-white/10"}`}>
             <Link to="/login">Sign In</Link>
           </Button>
           <Button asChild size="sm" className="active:scale-[0.98] rounded-full bg-indigo-600 hover:bg-indigo-500 text-white shadow-lg shadow-indigo-500/20">
@@ -70,7 +70,7 @@ export default function Header() {
         {/* Mobile Menu */}
         <Sheet open={mobileOpen} onOpenChange={setMobileOpen}>
           <SheetTrigger asChild className="md:hidden">
-            <Button variant="ghost" size="icon" className={`\${scrolled ? "text-slate-900" : "text-white"}`}>
+            <Button variant="ghost" size="icon" className={`${scrolled ? "text-slate-900" : "text-white"}`}>
               <Menu className="h-5 w-5" />
             </Button>
           </SheetTrigger>