diff --git a/assets/styles/components/_grid.scss b/assets/styles/components/_grid.scss
index f5d16873d4..98315821ce 100644
--- a/assets/styles/components/_grid.scss
+++ b/assets/styles/components/_grid.scss
@@ -1,6 +1,6 @@
 // Grid system
 .main {
-  @extend %grid-column;
+  @include make-col-ready();
   @include media-breakpoint-up(sm) {
     @include make-col($main-sm-columns);
     .sidebar-primary & {
@@ -9,7 +9,7 @@
   }
 }
 .sidebar {
-  @extend %grid-column;
+  @include make-col-ready();
   @include media-breakpoint-up(sm) {
     @include make-col($sidebar-sm-columns);
   }