diff --git a/frontend/src/components/ui/card.tsx b/frontend/src/components/ui/card.tsx
index db2b1a3..a755c69 100644
--- a/frontend/src/components/ui/card.tsx
+++ b/frontend/src/components/ui/card.tsx
@@ -6,7 +6,7 @@ const Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElemen
     <div
       ref={ref}
       className={cn(
-        'rounded-lg border border-border bg-card text-card-foreground shadow-sm',
+        'rounded-lg border border-border bg-surface text-text-primary',
         className,
       )}
       {...props}