Fix black line appearance when hovering product image on chrome & safari

mohamedTaiebBsf · Mar 16, 2022 · e7951b5 · e7951b5
1 parent c2c3af6
commit e7951b5
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -3,7 +3,7 @@
   "author": {
     "name": "Mohamed Taieb Boussoffara"
   },
-  "version": "1.0.4",
+  "version": "1.0.5",
   "private": true,
   "dependencies": {
     "@apollo/client": "^3.5.8",

diff --git a/src/components/products/product/styles.js b/src/components/products/product/styles.js
@@ -5,6 +5,7 @@ const Image = styled.img`
   max-height: 100%;
   max-width: 100%;
   transition: transform 0.3s ease-in-out;
+  outline: 1px solid transparent;
 `;
 
 const CartContainer = styled.div`