diff --git a/src/components/ProductCard.tsx b/src/components/ProductCard.tsx
index 67a2eee..d5c6c99 100644
--- a/src/components/ProductCard.tsx
+++ b/src/components/ProductCard.tsx
@@ -26,7 +26,7 @@ export function ProductCard({ product }: ProductCardProps) {
       description: product.name,
       className: 'bg-primary text-primary-foreground border-primary [&>div]:text-primary-foreground',
       action: (
-        <Button size="sm" variant="outline" className="border-primary-foreground text-primary-foreground hover:bg-primary-foreground/20 hover:text-primary-foreground" onClick={() => setIsCartOpen(true)}>
+        <Button size="sm" variant="outline" className="border-foreground text-foreground hover:bg-foreground/10 hover:text-foreground" onClick={() => setIsCartOpen(true)}>
           View Cart
         </Button>
       ),