diff --git a/js/src/carousel.js b/js/src/carousel.js
index ff00d8aaf8..ea14d0c9a9 100644
--- a/js/src/carousel.js
+++ b/js/src/carousel.js
@@ -353,15 +353,10 @@ const Carousel = (($) => {
         $(activeElement)
           .one(Util.TRANSITION_END, () => {
             $(nextElement)
-              .removeClass(directionalClassName)
-              .removeClass(direction)
+              .removeClass(directionalClassName + ' ' + direction)
+              .addClass(ClassName.ACTIVE)
 
-            $(nextElement).addClass(ClassName.ACTIVE)
-
-            $(activeElement)
-              .removeClass(ClassName.ACTIVE)
-              .removeClass(direction)
-              .removeClass(directionalClassName)
+            $(activeElement).removeClass(ClassName.ACTIVE + ' ' + direction + ' ' + directionalClassName)
 
             this._isSliding = false