diff --git a/src/components/ProductCard.tsx b/src/components/ProductCard.tsx
index cea2a6d..3d75089 100644
--- a/src/components/ProductCard.tsx
+++ b/src/components/ProductCard.tsx
@@ -24,8 +24,9 @@ export function ProductCard({ product }: ProductCardProps) {
     toast({
       title: '✓ Added to cart',
       description: product.name,
+      className: 'bg-green-600 text-white border-green-700 [&>div]:text-white',
       action: (
-        <Button size="sm" variant="outline" onClick={() => setIsCartOpen(true)}>
+        <Button size="sm" variant="outline" className="border-white text-white hover:bg-white/20 hover:text-white" onClick={() => setIsCartOpen(true)}>
           View Cart
         </Button>
       ),