Fix nested column rows being misaligned, fixes #7365

diff --git a/scss/grid/_classes.scss b/scss/grid/_classes.scss
index a6f297a7dfd272e54f0da2d66ca6c3265285a294..e22c3726170ff526944e4ea6ef4dde24ca6baaa1 100644 (file)
--- a/scss/grid/_classes.scss
+++ b/scss/grid/_classes.scss
@@ -75,6 +75,14 @@
   // The double .row class is needed to bump up the specificity
   .#{$column}.#{$row}.#{$row} {
     float: none;
+
+    // To properly nest a column row, padding and margin is removed
+    .#{$row} & {
+      padding-left: 0;
+      padding-right: 0;
+      margin-left: 0;
+      margin-right: 0;
+    }
   }
 
   @each $size in $breakpoints {