diff --git a/components/product/ProductCard/ProductCard.tsx b/components/product/ProductCard/ProductCard.tsx
index 97acf1daa..2effe27eb 100644
--- a/components/product/ProductCard/ProductCard.tsx
+++ b/components/product/ProductCard/ProductCard.tsx
@@ -41,7 +41,7 @@ const ProductCard: FC<Props> = ({ className, node: p, variant }) => {
         <div className="absolute z-10 inset-0 flex items-center justify-center">
           <img
             className="w-full object-cover"
-            src={p.images.edges[0].node.urlSmall}
+            src={p.images.edges[0].node.urlXL}
           />
         </div>
         <div className={s.squareBg} />
diff --git a/components/product/ProductView/ProductView.tsx b/components/product/ProductView/ProductView.tsx
index 3aa8c77dc..5453a3daf 100644
--- a/components/product/ProductView/ProductView.tsx
+++ b/components/product/ProductView/ProductView.tsx
@@ -42,6 +42,8 @@ const ProductView: FC<Props> = ({ product, className }) => {
   const activeSize = choices.size
   const activeColor = choices.color
 
+  console.log(product.images.edges.map((n) => n.node))
+
   return (
     <div className={cn(s.root, className)}>
       <div className="absolute">
@@ -58,7 +60,7 @@ const ProductView: FC<Props> = ({ product, className }) => {
         <div className="absolute z-10 inset-0 flex items-center justify-center">
           <img
             className="w-full object-cover"
-            src={product.images.edges?.[0]?.node.urlSmall}
+            src={product.images.edges?.[0]?.node.urlXL}
           />
         </div>
         <div className=" absolute inset-24 z-0 bg-violet"></div>