diff --git a/src/definitions/modules/modal.less b/src/definitions/modules/modal.less
index 985a5b73f..66b0fe427 100755
--- a/src/definitions/modules/modal.less
+++ b/src/definitions/modules/modal.less
@@ -335,6 +335,7 @@
 
 .ui.fullscreen.modal {
   width: @fullScreenWidth !important;
+  left: 0% !important;
   margin: @fullScreenMargin;
 }
 .ui.fullscreen.modal > .header {
@@ -348,10 +349,8 @@
 
 @media only screen and (max-width : @largestMobileScreen) {
   .ui.fullscreen.modal {
-    width: auto !important;
+    width: @fullScreenMobileWidth !important;
     margin: @fullScreenMobileMargin !important;
-    top: 0% !important;
-    left: 0% !important;
   }
 }
 
diff --git a/src/themes/default/modules/modal.variables b/src/themes/default/modules/modal.variables
index a894c6780..016265846 100644
--- a/src/themes/default/modules/modal.variables
+++ b/src/themes/default/modules/modal.variables
@@ -69,7 +69,7 @@
 @mobileContentPadding: 1rem;
 @mobileImagePadding: 0rem 0rem 1rem;
 @mobileDescriptionPadding: 1rem 0rem ;
-@mobileButtonDistance: 1rem;
+@mobileButtonDistance: 2rem;
 @mobileActionPadding: 1rem 1rem (1rem - @mobileButtonDistance);
 @mobileImageIconSize: 5rem;
 @mobileCloseTop: 0.5rem;
@@ -90,7 +90,9 @@
 @widescreenMonitorMargin: 0em 0em 0em -(@widescreenMonitorWidth / 2);
 
 @fullScreenWidth: 95%;
-@fullScreenMargin: 1em 0em 1em -(@fullScreenWidth / 2);
+@fullScreenMargin: 1em auto;
+
+@fullScreenMobileWidth: auto;
 @fullScreenMobileMargin: 1em;
 
 /*-------------------