diff --git a/scss/_carousel.scss b/scss/_carousel.scss
index b17d27f493b6..0ac8f8714fb2 100644
--- a/scss/_carousel.scss
+++ b/scss/_carousel.scss
@@ -230,9 +230,15 @@
 
 @if $enable-dark-mode {
   @include color-mode(dark) {
-    .carousel,
-    &.carousel {
-      @include carousel-dark();
+    @if $color-mode-type == "media-query" {
+      .carousel {
+        @include carousel-dark();
+      }
+    } @else {
+      .carousel,
+      &.carousel {
+        @include carousel-dark();
+      }
     }
   }
 }