diff --git a/DNN Platform/Skins/Aperture/src/scss/utilities/_dimension.scss b/DNN Platform/Skins/Aperture/src/scss/utilities/_dimension.scss
index e69c2c71e87..7a866ec05d1 100644
--- a/DNN Platform/Skins/Aperture/src/scss/utilities/_dimension.scss	
+++ b/DNN Platform/Skins/Aperture/src/scss/utilities/_dimension.scss	
@@ -28,8 +28,15 @@ $sizes: (
                 max-height: $value;
             }
         }
-        @each $breakpoint, $min-width in breakpoints.$breakpoints {
-            @media (min-width: $min-width) {
+    }
+
+    // Breakpoints must be the outer loop so that a larger breakpoint's rules
+    // always come later in the stylesheet than a smaller breakpoint's rules.
+    // Otherwise two !important rules from different breakpoints/sizes that are
+    // simultaneously active fall back to source order, and the wrong one wins.
+    @each $breakpoint, $min-width in breakpoints.$breakpoints {
+        @media (min-width: $min-width) {
+            @each $key, $value in $sizes {
                 .aperture-#{$property}-#{$breakpoint}-#{$key} {
                     @if ($property == 'w') {
                         width: $value !important;