diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 2b6dd46..920b8b1 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -69,7 +69,7 @@ export default function Header() {
               </div>
               <div className="max-h-72 overflow-y-auto">
                 {notifications.map((n, i) => (
-                  <div key={i} className={`p-4 border-b border-slate-50 hover:bg-slate-50 transition-colors \${n.unread ? "bg-violet-50/30" : ""}`}>
+                  <div key={i} className={`p-4 border-b border-slate-50 hover:bg-slate-50 transition-colors ${n.unread ? "bg-violet-50/30" : ""}`}>
                     <div className="flex items-start gap-2">
                       {n.unread && <div className="h-2 w-2 rounded-full bg-violet-600 mt-1.5 shrink-0" />}
                       <div>