diff --git a/scss/_carousel.scss b/scss/_carousel.scss
index de51d1b7a7c1..91c23e5fc3c1 100644
--- a/scss/_carousel.scss
+++ b/scss/_carousel.scss
@@ -23,7 +23,6 @@
   display: none;
   align-items: center;
   width: 100%;
-  @include transition($carousel-transition);
   backface-visibility: hidden;
   perspective: 1000px;
 }
@@ -32,6 +31,7 @@
 .carousel-item-next,
 .carousel-item-prev {
   display: block;
+  @include transition($carousel-transition);
 }
 
 .carousel-item-next,