From 364ef332c138f94a5004924185c8d25e4ae70909 Mon Sep 17 00:00:00 2001
From: Luis Alvarez <luis@vercel.com>
Date: Mon, 26 Oct 2020 18:46:38 -0500
Subject: [PATCH] Bug fixes

---
 components/product/ProductCard/ProductCard.module.css | 2 +-
 components/product/ProductCard/ProductCard.tsx        | 2 +-
 components/wishlist/WishlistButton/WishlistButton.tsx | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/product/ProductCard/ProductCard.module.css b/components/product/ProductCard/ProductCard.module.css
index 171190df0..e46f6ba5c 100644
--- a/components/product/ProductCard/ProductCard.module.css
+++ b/components/product/ProductCard/ProductCard.module.css
@@ -119,7 +119,7 @@
 }
 
 .wishlistButton {
-  @apply w-10 h-10 flex ml-auto flex items-center justify-center bg-primary text-primary font-semibold  text-xs leading-6 cursor-pointer;
+  @apply w-10 h-10 flex ml-auto flex items-center justify-center bg-primary text-primary font-semibold  text-xs leading-6 cursor-pointer z-10;
 }
 
 .imageContainer {
diff --git a/components/product/ProductCard/ProductCard.tsx b/components/product/ProductCard/ProductCard.tsx
index d48c5b4cf..4323977f3 100644
--- a/components/product/ProductCard/ProductCard.tsx
+++ b/components/product/ProductCard/ProductCard.tsx
@@ -52,7 +52,7 @@ const ProductCard: FC<Props> = ({
   }
 
   return (
-    <Link href={`product${p.path}`}>
+    <Link href={`/product${p.path}`}>
       <a
         className={cn(s.root, { [s.simple]: variant === 'simple' }, className)}
       >
diff --git a/components/wishlist/WishlistButton/WishlistButton.tsx b/components/wishlist/WishlistButton/WishlistButton.tsx
index 5831df6d4..e9d6236f0 100644
--- a/components/wishlist/WishlistButton/WishlistButton.tsx
+++ b/components/wishlist/WishlistButton/WishlistButton.tsx
@@ -66,7 +66,7 @@ const WishlistButton: FC<Props> = ({
       className={cn({ 'opacity-50': loading }, className)}
       onClick={handleWishlistChange}
     >
-      <Heart fill={itemInWishlist ? 'white' : 'none'} />
+      <Heart fill={itemInWishlist ? 'var(--pink)' : 'none'} />
     </button>
   )
 }