diff --git a/src/pages/Programs.tsx b/src/pages/Programs.tsx
index 7ef90fb..9b15a7f 100644
--- a/src/pages/Programs.tsx
+++ b/src/pages/Programs.tsx
@@ -37,8 +37,8 @@ export default function ProgramsPage() {
               <Card key={i} className="group bg-white dark:bg-slate-900 border-slate-200/60 dark:border-slate-800/60 rounded-2xl hover:shadow-xl hover:-translate-y-1 transition-all duration-300 animate-fade-up">
                 <CardContent className="p-8">
                   <div className="flex items-center justify-between mb-4">
-                    <div className={`w-12 h-12 rounded-xl \${p.color.split(" ").slice(0, 2).join(" ")} flex items-center justify-center`}>
-                      <p.icon className={`h-6 w-6 \${p.color.split(" ").pop()}`} />
+                    <div className={`w-12 h-12 rounded-xl ${p.color.split(" ").slice(0, 2).join(" ")} flex items-center justify-center`}>
+                      <p.icon className={`h-6 w-6 ${p.color.split(" ").pop()}`} />
                     </div>
                     <Badge variant="secondary" className="text-xs">{p.tag}</Badge>
                   </div>