diff --git a/site/views/draft/slide-carousel.njk b/site/views/draft/slide-carousel.njk
index 17e48be64..9a5a30ef2 100644
--- a/site/views/draft/slide-carousel.njk
+++ b/site/views/draft/slide-carousel.njk
@@ -41,7 +41,7 @@ icon: examples/carousel.svg
   <div class="row flex-column" esl-carousel-container>
     <button type="button" esl-carousel-nav="group:prev"></button>
 
-    <esl-carousel esl-carousel-touch type="slide">
+    <esl-carousel esl-carousel-touch="swipe" type="css">
       <div data-slides-area>
         <!-- CAROUSEL-ITEM -->
         {% for i in range(0, 5) %}
@@ -68,7 +68,7 @@ icon: examples/carousel.svg
   <div class="row flex-column" esl-carousel-container>
     <button type="button" esl-carousel-nav="group:prev"></button>
 
-    <esl-carousel class="vertical-carousel" esl-carousel-touch type="slide">
+    <esl-carousel esl-carousel-touch type="slide">
       <div data-slides-area>
         <!-- CAROUSEL-ITEM -->
         {% for i in range(0, 5) %}
diff --git a/src/modules/esl-carousel/renderers/esl-carousel.default.renderer.ts b/src/modules/esl-carousel/renderers/esl-carousel.default.renderer.ts
index 6d36e3ff2..d884a0cba 100644
--- a/src/modules/esl-carousel/renderers/esl-carousel.default.renderer.ts
+++ b/src/modules/esl-carousel/renderers/esl-carousel.default.renderer.ts
@@ -45,7 +45,6 @@ export class ESLDefaultCarouselRenderer extends ESLCarouselRenderer {
       el.style.removeProperty('min-height');
     });
     this.$area.style.removeProperty('transform');
-    this.setTransformOffset(0);
     this.$carousel.toggleAttribute('animating', false);
   }