diff --git a/src/components/StatsCard.tsx b/src/components/StatsCard.tsx
index 7e913f1..b3e5339 100644
--- a/src/components/StatsCard.tsx
+++ b/src/components/StatsCard.tsx
@@ -53,10 +53,10 @@ export function StatsCard({ usageData, substance }: StatsCardProps) {
   const substanceLabel = substance === 'nicotine' ? 'Nicotine' : 'Marijuana';
   const unitLabel = substance === 'nicotine' ? 'puffs' : 'hits';
   const iconColor = substance === 'nicotine' ? 'text-red-400' : 'text-green-400';
-  const borderColor = substance === 'nicotine' ? 'border-red-500/20' : 'border-green-500/20';
+  const borderColor = substance === 'nicotine' ? 'border-red-500/30' : 'border-green-500/30';
   const bgGradient = substance === 'nicotine'
-    ? 'from-red-500/5 to-transparent'
-    : 'from-green-500/5 to-transparent';
+    ? 'from-red-500/20 to-red-900/10'
+    : 'from-green-500/20 to-green-900/10';
 
   return (
     <Card className={`bg-card/80 backdrop-blur-sm border ${borderColor} bg-gradient-to-br ${bgGradient} shadow-lg drop-shadow-md`}>