From 1c1f6d82c572d6bec038701eaabc6352218ba50b Mon Sep 17 00:00:00 2001
From: Ann Barmina <abarmina@exadel.com>
Date: Wed, 10 Jul 2024 17:54:09 +0200
Subject: [PATCH] fix(esl-carousel): make animated carousel area equal to the
 content without padding

---
 site/views/examples/carousel/vertical.sample.njk | 2 +-
 src/modules/esl-carousel/core/esl-carousel.less  | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/site/views/examples/carousel/vertical.sample.njk b/site/views/examples/carousel/vertical.sample.njk
index d21aabb31..fc13642bc 100644
--- a/site/views/examples/carousel/vertical.sample.njk
+++ b/site/views/examples/carousel/vertical.sample.njk
@@ -1,6 +1,6 @@
 ---
 title: Vertical Carousel (Single)
-order: 4
+order: 5
 tags: carousel-sample
 ---
 
diff --git a/src/modules/esl-carousel/core/esl-carousel.less b/src/modules/esl-carousel/core/esl-carousel.less
index 04203a1eb..56d18bd56 100644
--- a/src/modules/esl-carousel/core/esl-carousel.less
+++ b/src/modules/esl-carousel/core/esl-carousel.less
@@ -25,6 +25,11 @@ esl-carousel {
     cursor: grabbing;
   }
 
+  &[animating] {
+    padding-inline: 0;
+    margin-inline: 0;
+  }
+
   &[dragging] [esl-carousel-slides],
   &[animating] [esl-carousel-slides] {
     touch-action: none;