diff --git a/scss/_carousel.scss b/scss/_carousel.scss
index 28886e4c0400..df1e300b5f26 100644
--- a/scss/_carousel.scss
+++ b/scss/_carousel.scss
@@ -63,8 +63,8 @@
   bottom: 0;
   // Use flex for alignment (1-3)
   display: flex; // 1. allow flex styles
-  justify-content: center; // 2. horizontally center contents
-  align-items: center; // 3. vertically center contents
+  align-items: center; // 2. vertically center contents
+  justify-content: center; // 3. horizontally center contents
   width: $carousel-control-width;
   color: $carousel-control-color;
   text-align: center;