diff --git a/src/components/usage/ChartCard.tsx b/src/components/usage/ChartCard.tsx
index 13fb518..a7deb9d 100644
--- a/src/components/usage/ChartCard.tsx
+++ b/src/components/usage/ChartCard.tsx
@@ -30,7 +30,7 @@ export const ChartCard: React.FC<ChartStatesProps> = ({
   children,
 }) => {
   return (
-    <Card className="border-border/60 bg-card/60 flex flex-col">
+    <Card className="border border-white/5 bg-background flex flex-col">
       <CardContent className="flex flex-1 flex-col p-4">
         <div className="mb-3 flex items-center justify-between">
           <h3 className="text-foreground text-sm font-semibold tracking-tight">{title}</h3>
diff --git a/src/components/usage/StatCard.tsx b/src/components/usage/StatCard.tsx
index 3498ff8..f7a6289 100644
--- a/src/components/usage/StatCard.tsx
+++ b/src/components/usage/StatCard.tsx
@@ -40,7 +40,7 @@ export const StatCard: React.FC<StatCardProps> = ({
   return (
     <Card
       className={cn(
-        'border-border/60 bg-card/60 hover:bg-card backdrop-blur-none transition-colors',
+        'border border-white/5 bg-background hover:bg-muted/10 backdrop-blur-none transition-colors',
         className,
       )}
     >