fix focus on product tile

SalesforceCommerceCloud · Nov 17, 2023 · 8134cdd · 8134cdd
1 parent 2a35c7b
commit 8134cdd
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/packages/template-retail-react-app/app/components/product-tile/index.jsx b/packages/template-retail-react-app/app/components/product-tile/index.jsx
@@ -83,6 +83,7 @@ const ProductTile = (props) => {
             <Link
                 data-testid="product-tile"
                 to={productUrlBuilder({id: productId}, intl.local)}
+                {...styles.link}
                 {...rest}
             >
                 <Box {...styles.imageWrapper}>

diff --git a/packages/template-retail-react-app/app/theme/components/project/product-tile.js b/packages/template-retail-react-app/app/theme/components/project/product-tile.js
@@ -23,6 +23,9 @@ export default {
             ratio: 1,
             paddingBottom: 2
         },
+        link: {
+            display: 'block'
+        },
         price: {},
         title: {
             fontWeight: 600