diff --git a/packages/react-kit/src/components/productCard/ProductCard.styles.ts b/packages/react-kit/src/components/productCard/ProductCard.styles.ts
index a3ca7eaf5..e67ab283b 100644
--- a/packages/react-kit/src/components/productCard/ProductCard.styles.ts
+++ b/packages/react-kit/src/components/productCard/ProductCard.styles.ts
@@ -184,11 +184,7 @@ export const ProductCardWrapper = styled.div<{
       ? css`
           transition: all 300ms ease-in-out;
           &:hover {
-            box-shadow:
-              0px 0px 0px rgba(0, 0, 0, 0.05),
-              4px 4px 4px rgba(0, 0, 0, 0.05),
-              8px 8px 8px rgba(0, 0, 0, 0.05),
-              16px 16px 16px rgba(0, 0, 0, 0.05);
+            border: 2px solid ${theme.colors.light.border};
 
             [data-image-wrapper] {
               width: 110%;