diff --git a/packages/core/objects/_grid.scss b/packages/core/objects/_grid.scss
index a20243cae..ed5f12504 100644
--- a/packages/core/objects/_grid.scss
+++ b/packages/core/objects/_grid.scss
@@ -11,6 +11,15 @@
     margin-left: -($nhsuk-gutter-half);
   }
 
+  // These *must* be defined in a separate loop as they have the same
+  // specificity as the non-breakpoint specific classes, so need to appear before
+  // them in the outputted CSS
+  @each $width in map-keys($nhsuk-grid-widths) {
+    .nhsuk-grid-column-#{$width}-from-tablet {
+      @include govuk-grid-column($width, $at: tablet, $class: false);
+    }
+  }
+
   @each $width in map-keys($nhsuk-grid-widths) {
     .nhsuk-grid-column-#{$width} {
       @include govuk-grid-column($width, $class: false);