x

apps/spa/src/components/ProductCard.tsx

@@ -97,7 +97,7 @@ export default function ProductCard({ product, enableQuickShop = false, category
             <div className="md:hidden relative w-full h-full" onClick={(e) => e.stopPropagation()}>
               <div className="flex w-full h-full overflow-x-auto snap-x snap-mandatory hide-scrollbar">
                 {images.map((img, idx) => (
-                  <div key={idx} className="relative w-full h-full flex-none snap-center block" onClick={handleCardClick}>
+                  <div key={idx} className="relative w-full h-full flex-none snap-center snap-always block" onClick={handleCardClick}>
                     <img src={img} alt={`${displayName} ${idx + 1}`} className="absolute inset-0 w-full h-full object-cover" />
                   </div>
                 ))}

apps/website/src/components/ProductCard.tsx

@@ -84,7 +84,7 @@ export default function ProductCard({ product }: ProductCardProps) {
             <div className="md:hidden relative w-full h-full">
               <div className="flex w-full h-full overflow-x-auto snap-x snap-mandatory hide-scrollbar">
                 {images.map((img, idx) => (
-                  <Link key={idx} href={`/products/${productSlug}`} className="relative w-full h-full flex-none snap-center block">
+                  <Link key={idx} href={`/products/${productSlug}`} className="relative w-full h-full flex-none snap-center snap-always block">
                     <Image src={img} alt={`${productName} ${idx + 1}`} fill unoptimized className="absolute inset-0 h-full w-full object-cover" />
                   </Link>
                 ))}