diff --git a/packages/storefront/src/lib/components/Carousel.vue b/packages/storefront/src/lib/components/Carousel.vue
index f16e49284..e2602f7d4 100644
--- a/packages/storefront/src/lib/components/Carousel.vue
+++ b/packages/storefront/src/lib/components/Carousel.vue
@@ -241,10 +241,10 @@ provide(carouselKey, {
         activeIndex,
       }"
     >
-      <CarouselControl v-show="slideSizes.length > 1 || hasControls" is-prev>
+      <CarouselControl v-if="slideSizes.length > 1 || hasControls" is-prev>
         <slot name="previous" />
       </CarouselControl>
-      <CarouselControl v-show="slideSizes.length > 1 || hasControls">
+      <CarouselControl v-if="slideSizes.length > 1 || hasControls">
         <slot name="next" />
       </CarouselControl>
     </slot>