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