diff --git a/UI/WebServerResources/scss/components/dialog/dialog.scss b/UI/WebServerResources/scss/components/dialog/dialog.scss
index 6aa7f1417..2792d4c78 100644
--- a/UI/WebServerResources/scss/components/dialog/dialog.scss
+++ b/UI/WebServerResources/scss/components/dialog/dialog.scss
@@ -2,7 +2,8 @@
 @import 'extends';
 
 @media (max-width: $layout-breakpoint-sm) {
-  [flex-sm="100"] {
+  [flex-sm="100"],
+  .flex-sm-100 {
     max-width: 100%;
     max-height: 100%;
     width: 100%;