diff --git a/sass/components/partials/_field.scss b/sass/components/partials/_field.scss
index 653ae1c..6cba2b8 100644
--- a/sass/components/partials/_field.scss
+++ b/sass/components/partials/_field.scss
@@ -1,21 +1,30 @@
-.field--label-inline {
-  display: flex;
-  // Make sure that label is aligned nicely with items. This works OK for
-  // basic cases like tags, categories, text fields or areas where label text
-  // will be baseline aligned with top text row.
-  // But this can also work OK for media examples - in this case label will be
-  // vertically centered with media which most of the times looks better then
-  // top aligned.
-  align-items: baseline;
+.field {
+    &--label-inline {
+      @include media-breakpoint-up(sm) {
+        display: flex;
+        // Make sure that label is aligned nicely with items. This works OK for
+        // basic cases like tags, categories, text fields or areas where label text
+        // will be baseline aligned with top text row.
+        // But this can also work OK for media examples - in this case label will be
+        // vertically centered with media which most of the times looks better then
+        // top aligned.
+        align-items: baseline;
 
-  .field__label {
-    padding-right: $field-label-padding;
-    font-weight: $field-label-font-weight;
+        .field__label {
+          padding-right: $field-label-padding;
 
-    @if $field-label-after-char {
-      &::after {
-        content: $field-label-after-char;
+          @if $field-label-after-char {
+            &::after {
+              content: $field-label-after-char;
+            }
+          }
+        }
       }
     }
+
+  @if $field-label-font-weight {
+    &__label {
+      font-weight: $field-label-font-weight;
+    }
   }
 }