diff --git a/modules/ui/src/app/pages/devices/components/device-qualification-from/device-qualification-from.component.scss b/modules/ui/src/app/pages/devices/components/device-qualification-from/device-qualification-from.component.scss index 4fa4b5262..3cfc71cc9 100644 --- a/modules/ui/src/app/pages/devices/components/device-qualification-from/device-qualification-from.component.scss +++ b/modules/ui/src/app/pages/devices/components/device-qualification-from/device-qualification-from.component.scss @@ -17,7 +17,6 @@ @import 'src/theming/colors'; @import 'src/theming/variables'; -$form-max-width: 732px; $form-min-width: 732px; $form-height: 993px; diff --git a/modules/ui/src/styles.scss b/modules/ui/src/styles.scss index f7b5c163d..3f260e0ac 100644 --- a/modules/ui/src/styles.scss +++ b/modules/ui/src/styles.scss @@ -71,6 +71,7 @@ body { display: grid; grid-template-rows: 1fr; min-width: 300px; + width: $form-max-width; } .device-form-dialog .mat-mdc-dialog-container { diff --git a/modules/ui/src/theming/variables.scss b/modules/ui/src/theming/variables.scss index f14f21652..dfa50880b 100644 --- a/modules/ui/src/theming/variables.scss +++ b/modules/ui/src/theming/variables.scss @@ -15,5 +15,6 @@ */ $device-item-width: 352px; $profiles-drawer-width: 320px; +$form-max-width: 732px; $font-secondary: 'Roboto';