diff --git a/src/pages/Index.tsx b/src/pages/Index.tsx
index e633418..0e98a0b 100644
--- a/src/pages/Index.tsx
+++ b/src/pages/Index.tsx
@@ -113,7 +113,7 @@ export default function IndexPage() {
                 {/* Column Header */}
                 <div className="flex items-center justify-between">
                   <div className="flex items-center gap-2">
-                    <div className={`h-2.5 w-2.5 rounded-full \${column.dotColor}`} />
+                    <div className={`h-2.5 w-2.5 rounded-full ${column.dotColor}`} />
                     <h2 className="font-semibold text-slate-900">{column.title}</h2>
                     <Badge variant="secondary" className="text-xs">{column.features.length}</Badge>
                   </div>
@@ -125,7 +125,7 @@ export default function IndexPage() {
                 {/* Feature Cards */}
                 <div className="space-y-3">
                   {column.features.map((feature) => (
-                    <Card key={feature.id} className={`border shadow-sm backdrop-blur-sm bg-card/80 border-border/50 hover:-translate-y-1 hover:shadow-lg transition-all duration-300 cursor-pointer group \${column.color}`}>
+                    <Card key={feature.id} className={`border shadow-sm backdrop-blur-sm bg-card/80 border-border/50 hover:-translate-y-1 hover:shadow-lg transition-all duration-300 cursor-pointer group ${column.color}`}>
                       <CardContent className="p-4">
                         <div className="flex items-start justify-between mb-2">
                           <h3 className="font-medium text-slate-900 text-sm leading-tight">{feature.title}</h3>
@@ -136,8 +136,8 @@ export default function IndexPage() {
                         <p className="text-xs text-slate-500 mb-3 line-clamp-2">{feature.description}</p>
                         <div className="flex items-center justify-between">
                           <div className="flex items-center gap-2">
-                            <Badge className={`\${feature.priorityColor} text-[10px] font-semibold border-0 px-1.5 py-0`}>{feature.priority}</Badge>
-                            <Badge className={`\${feature.statusColor} text-[10px] font-medium border-0 px-1.5 py-0`}>{feature.status}</Badge>
+                            <Badge className={`${feature.priorityColor} text-[10px] font-semibold border-0 px-1.5 py-0`}>{feature.priority}</Badge>
+                            <Badge className={`${feature.statusColor} text-[10px] font-medium border-0 px-1.5 py-0`}>{feature.status}</Badge>
                           </div>
                           <div className="flex items-center gap-2">
                             <button
@@ -148,7 +148,7 @@ export default function IndexPage() {
                               <span>{feature.votes}</span>
                             </button>
                             <Avatar className="h-5 w-5">
-                              <AvatarFallback className={`text-[8px] text-white \${feature.assigneeColor}`}>{feature.assignee}</AvatarFallback>
+                              <AvatarFallback className={`text-[8px] text-white ${feature.assigneeColor}`}>{feature.assignee}</AvatarFallback>
                             </Avatar>
                           </div>
                         </div>