diff --git a/src/pages/Classes.tsx b/src/pages/Classes.tsx
index ff9a9db..a2cf81d 100644
--- a/src/pages/Classes.tsx
+++ b/src/pages/Classes.tsx
@@ -74,7 +74,7 @@ export default function Classes() {
         <div className="mx-auto max-w-5xl px-6">
           <div className="flex gap-2 justify-center flex-wrap mb-10">
             {days.map((d) => (
-              <Button key={d} variant={activeDay === d ? "default" : "outline"} onClick={() => setActiveDay(d)} className={`rounded-full font-bold uppercase tracking-wide text-sm px-6 transition-all \${activeDay === d ? "bg-gradient-to-r from-orange-500 to-red-500 text-white border-0 shadow-lg shadow-orange-500/25" : "border-slate-700 text-slate-400 hover:text-white hover:border-slate-500"}`}>
+              <Button key={d} variant={activeDay === d ? "default" : "outline"} onClick={() => setActiveDay(d)} className={`rounded-full font-bold uppercase tracking-wide text-sm px-6 transition-all ${activeDay === d ? "bg-gradient-to-r from-orange-500 to-red-500 text-white border-0 shadow-lg shadow-orange-500/25" : "border-slate-700 text-slate-400 hover:text-white hover:border-slate-500"}`}>
                 {d}
               </Button>
             ))}
@@ -95,7 +95,7 @@ export default function Classes() {
                       <span>{cls.trainer}</span>
                     </div>
                   </div>
-                  <Badge className={`\${diffColor[cls.difficulty] || ""} text-xs uppercase tracking-wider`}>{cls.difficulty}</Badge>
+                  <Badge className={`${diffColor[cls.difficulty] || ""} text-xs uppercase tracking-wider`}>{cls.difficulty}</Badge>
                   <div className="flex items-center gap-2 text-sm text-slate-400 md:w-24 shrink-0">
                     <Users className="h-4 w-4" />
                     <span>{cls.capacity}</span>