diff --git a/src/scss/utility-mixins/flex.scss b/src/scss/utility-mixins/flex.scss
index 455d699f465339a084151731b0f371c6f12d152e..a8a54919ccf9659831a386f2da7eb3b47743b6f2 100644
--- a/src/scss/utility-mixins/flex.scss
+++ b/src/scss/utility-mixins/flex.scss
@@ -94,3 +94,9 @@
 @mixin gl-align-self-center {
   align-self: center;
 }
+
+@mixin gl-sm-align-self-center {
+  @media (min-width: $breakpoint-sm) {
+    @include gl-align-self-center;
+  }
+}
diff --git a/src/scss/utility-mixins/spacing.scss b/src/scss/utility-mixins/spacing.scss
index 2dc656b014dd5359b42200e8777e0c328d9e709b..1ab60ad53d298e322409b8c138781d20ddf62c5b 100644
--- a/src/scss/utility-mixins/spacing.scss
+++ b/src/scss/utility-mixins/spacing.scss
@@ -584,6 +584,12 @@
 
 @mixin gl-sm-mt-0 {
   @media (min-width: $breakpoint-sm) {
-    margin-top: 0;
+    @include gl-mt-0;
+  }
+}
+
+@mixin gl-sm-mt-5 {
+  @media (min-width: $breakpoint-sm) {
+    @include gl-mt-5;
   }
 }