diff --git a/src/pages/Dashboard.tsx b/src/pages/Dashboard.tsx
index e2ff379..cfecef0 100644
--- a/src/pages/Dashboard.tsx
+++ b/src/pages/Dashboard.tsx
@@ -9,7 +9,7 @@ import { DollarSign, Users, TrendingDown, ThumbsUp, ArrowUpRight, ArrowDownRight
 import { BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer } from "recharts";
 
 const kpis = [
-  { label: "MRR", value: "\$48,250", trend: "+12.5%", up: true, icon: DollarSign, color: "bg-sky-100 text-sky-600" },
+  { label: "MRR", value: "$48,250", trend: "+12.5%", up: true, icon: DollarSign, color: "bg-sky-100 text-sky-600" },
   { label: "Active Users", value: "2,847", trend: "+8.2%", up: true, icon: Users, color: "bg-emerald-100 text-emerald-600" },
   { label: "Churn Rate", value: "2.4%", trend: "-0.3%", up: false, icon: TrendingDown, color: "bg-orange-100 text-orange-600" },
   { label: "NPS", value: "72", trend: "+4", up: true, icon: ThumbsUp, color: "bg-violet-100 text-violet-600" },
@@ -54,7 +54,7 @@ export default function DashboardPage() {
                         <p className="text-sm text-slate-500">{kpi.label}</p>
                         <p className="text-2xl font-bold mt-1">{kpi.value}</p>
                       </div>
-                      <div className={`h-10 w-10 rounded-full flex items-center justify-center \${kpi.color}`}>
+                      <div className={`h-10 w-10 rounded-full flex items-center justify-center ${kpi.color}`}>
                         <Icon className="h-5 w-5" />
                       </div>
                     </div>