diff --git a/src/components/StatsCard.tsx b/src/components/StatsCard.tsx
index 763384e..e3fa511 100644
--- a/src/components/StatsCard.tsx
+++ b/src/components/StatsCard.tsx
@@ -68,19 +68,19 @@ export function StatsCard({ usageData, substance }: StatsCardProps) {
       </CardHeader>
       <CardContent>
         <div className="grid grid-cols-2 gap-4">
-          <div className="bg-muted p-4 rounded-lg text-center">
+          <div className="bg-white/10 p-4 rounded-lg text-center">
             <p className="text-2xl font-bold text-white">{todayUsage}</p>
             <p className="text-sm text-white/70">Today</p>
           </div>
-          <div className="bg-muted p-4 rounded-lg text-center">
+          <div className="bg-white/10 p-4 rounded-lg text-center">
             <p className="text-2xl font-bold text-white">{weekAverage}</p>
             <p className="text-sm text-white/70">Daily Avg (7d)</p>
           </div>
-          <div className="bg-muted p-4 rounded-lg text-center">
+          <div className="bg-white/10 p-4 rounded-lg text-center">
             <p className="text-2xl font-bold text-white">{streak}</p>
             <p className="text-sm text-white/70">Free days</p>
           </div>
-          <div className="bg-muted p-4 rounded-lg text-center">
+          <div className="bg-white/10 p-4 rounded-lg text-center">
             <p className="text-2xl font-bold text-white">{totalDays}</p>
             <p className="text-sm text-white/70">Days tracked</p>
           </div>