diff --git a/packages/atomic/src/components/common/image-carousel/image-carousel-indicators.tsx b/packages/atomic/src/components/common/image-carousel/image-carousel-indicators.tsx
index 01e8fc4d855..069a48f4156 100644
--- a/packages/atomic/src/components/common/image-carousel/image-carousel-indicators.tsx
+++ b/packages/atomic/src/components/common/image-carousel/image-carousel-indicators.tsx
@@ -51,7 +51,10 @@ const CarouselIndicator: FunctionalComponent<CarouselIndicatorProps> = ({
                 ? 'pointer-events-auto opacity-80'
                 : 'pointer-events-none hidden opacity-0'
             }`}
-            onClick={() => navigateToImage(index)}
+            onClick={(event) => {
+              event.stopPropagation();
+              navigateToImage(index);
+            }}
           ></li>
         );
       })}