diff --git a/ui/scss/component/_form-field.scss b/ui/scss/component/_form-field.scss index a681a2362..71ad82eb6 100644 --- a/ui/scss/component/_form-field.scss +++ b/ui/scss/component/_form-field.scss @@ -405,7 +405,7 @@ fieldset-group { } .form-field--price-amount { - width: 7em; + max-width: 6em; } .form-field--price-amount--auto { @@ -415,6 +415,9 @@ fieldset-group { .form-field--address { min-width: 18em; + @media (max-width: $breakpoint-xxsmall) { + min-width: 10em; + } } .form-field__help { diff --git a/ui/scss/init/_vars.scss b/ui/scss/init/_vars.scss index 31b8c566b..7775a9abc 100644 --- a/ui/scss/init/_vars.scss +++ b/ui/scss/init/_vars.scss @@ -2,6 +2,7 @@ $spacing-vertical: 2rem; $spacing-width: 36px; +$breakpoint-xxsmall: 450px; $breakpoint-xsmall: 600px; $breakpoint-small: 900px; $breakpoint-medium: 1150px;