diff --git a/build/less/modules/modal.less b/build/less/modules/modal.less
index 615955aee..6dc04b516 100644
--- a/build/less/modules/modal.less
+++ b/build/less/modules/modal.less
@@ -230,8 +230,9 @@
     margin-left: -29%;
   }
 }
-  .ui.small.modal {
+
 @media only screen and (min-width : 1500px) {
+  .ui.small.modal {
     width: 40%;
     margin-left: -20%;
   }
diff --git a/rtl/less/modules/modal.less b/rtl/less/modules/modal.less
index c72445c34..93c6f6a25 100644
--- a/rtl/less/modules/modal.less
+++ b/rtl/less/modules/modal.less
@@ -230,8 +230,9 @@
     margin-right: -29%;
   }
 }
-  .ui.small.modal {
+
 @media only screen and (min-width : 1500px) {
+  .ui.small.modal {
     width: 40%;
     margin-right: -20%;
   }
diff --git a/src/modules/modal.less b/src/modules/modal.less
index 615955aee..6dc04b516 100755
--- a/src/modules/modal.less
+++ b/src/modules/modal.less
@@ -230,8 +230,9 @@
     margin-left: -29%;
   }
 }
-  .ui.small.modal {
+
 @media only screen and (min-width : 1500px) {
+  .ui.small.modal {
     width: 40%;
     margin-left: -20%;
   }