diff --git a/components/product/gallery.tsx b/components/product/gallery.tsx
index 79659096c..55d7a3534 100644
--- a/components/product/gallery.tsx
+++ b/components/product/gallery.tsx
@@ -60,7 +60,7 @@ export function Gallery({ images }: { images: { src: string; altText: string }[]
       </div>
 
       {images.length > 1 ? (
-        <ul className="my-12 flex items-center justify-center gap-2 overflow-auto py-1 lg:mb-0">
+        <ul className="my-12 flex items-center flex-wrap justify-center gap-2 overflow-auto py-1 lg:mb-0">
           {images.map((image, index) => {
             const isActive = index === imageIndex;