Fix incorrect responsive alignment of dropdown menu (#27873)

diff --git a/scss/_dropdown.scss b/scss/_dropdown.scss
index c6907c8a8ccf1722b1adec7fa31cbf547ad31bd2..d68e736ac2ac106a62c3505698c70c5706b186fb 100644 (file)
--- a/scss/_dropdown.scss
+++ b/scss/_dropdown.scss
@@ -33,17 +33,6 @@
   @include box-shadow($dropdown-box-shadow);
 }
 
-@each $breakpoint in map-keys($grid-breakpoints) {
-  @include media-breakpoint-up($breakpoint) {
-    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
-
-    .dropdown-menu#{$infix}-right {
-      right: 0;
-      left: auto;
-    }
-  }
-}
-
 @each $breakpoint in map-keys($grid-breakpoints) {
   @include media-breakpoint-up($breakpoint) {
     $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
@@ -52,6 +41,11 @@
       right: auto;
       left: 0;
     }
+
+    .dropdown-menu#{$infix}-right {
+      right: 0;
+      left: auto;
+    }
   }
 }