diff --git a/src/pages/Index.tsx b/src/pages/Index.tsx
index af8311c..84193fd 100644
--- a/src/pages/Index.tsx
+++ b/src/pages/Index.tsx
@@ -102,10 +102,10 @@ export default function IndexPage() {
               <Card key={kpi.title} className="border-0 shadow-sm hover:shadow-lg hover:-translate-y-0.5 transition-all duration-300 backdrop-blur-sm bg-card/80">
                 <CardContent className="p-6">
                   <div className="flex items-center justify-between">
-                    <div className={`flex items-center justify-center h-12 w-12 rounded-xl \${kpi.color}`}>
+                    <div className={`flex items-center justify-center h-12 w-12 rounded-xl ${kpi.color}`}>
                       <kpi.icon className="h-6 w-6" />
                     </div>
-                    <div className={`flex items-center gap-1 text-sm font-medium \${kpi.trend === "up" ? "text-emerald-600" : "text-red-600"}`}>
+                    <div className={`flex items-center gap-1 text-sm font-medium ${kpi.trend === "up" ? "text-emerald-600" : "text-red-600"}`}>
                       {kpi.trend === "up" ? <TrendingUp className="h-3.5 w-3.5" /> : <TrendingDown className="h-3.5 w-3.5" />}
                       {kpi.change}
                     </div>
@@ -183,7 +183,7 @@ export default function IndexPage() {
                         <TableCell className="text-slate-600">{order.customer}</TableCell>
                         <TableCell className="font-medium text-slate-900">{order.amount}</TableCell>
                         <TableCell>
-                          <Badge variant="secondary" className={`\${order.statusColor} border-0 font-medium`}>
+                          <Badge variant="secondary" className={`${order.statusColor} border-0 font-medium`}>
                             {order.status}
                           </Badge>
                         </TableCell>