1 files changed, 40 insertions, 3 deletions
diff --git a/app/assets/stylesheets/utilities.scss b/app/assets/stylesheets/utilities.scss
index 99a13cc4e44..9c666331c4f 100644
--- a/app/assets/stylesheets/utilities.scss
+++ b/app/assets/stylesheets/utilities.scss
@@ -112,10 +112,47 @@
   top: 66vh;
 }
 
-// Remove when https://gitlab.com/gitlab-org/gitlab-ui/-/issues/871
-// gets fixed on GitLab UI
-.gl-sm-w-auto\! {
+.gl-shadow-x0-y0-b3-s1-blue-500 {
+  box-shadow: inset 0 0 3px $gl-border-size-1 $blue-500;
+}
+
+
+.gl-sm-align-items-flex-end {
+  @media (min-width: $breakpoint-sm) {
+    align-items: flex-end;
+  }
+}
+
+.gl-sm-text-body {
+  @media (min-width: $breakpoint-sm) {
+    color: $body-color;
+  }
+}
+
+.gl-sm-font-weight-bold {
   @media (min-width: $breakpoint-sm) {
+    font-weight: $gl-font-weight-bold;
+  }
+}
+
+.gl-min-h-6 {
+  min-height: $gl-spacing-scale-6;
+}
+
+.gl-md-justify-content-end {
+  @media (min-width: $breakpoint-md) {
     width: auto !important;
   }
 }
+
+.gl-display-md-flex {
+  @media (min-width: $breakpoint-md) {
+    display: flex;
+  }
+}
+
+.gl-display-md-none {
+  @media (min-width: $breakpoint-md) {
+    display: none;
+  }
+}