diff --git a/mobile.css b/mobile.css
index 1fd4672..adc965b 100644
--- a/mobile.css
+++ b/mobile.css
@@ -1,5 +1,5 @@
 @media (max-width: 768px) {
-  body { padding: 0; overflow-x: hidden; }
+  body { display: block; width: 100%; min-height: 100vh; padding: 0; overflow-x: hidden; }
 
   #mobile-header {
     display: flex;
@@ -68,11 +68,11 @@
     white-space: nowrap;
   }
 
-  #app { display: block; padding: 0; }
+  #app { display: block; width: 100%; max-width: none; min-height: 100vh; padding: 0; }
   #panel-list, #panel-translate, #stats-panel { display: none; }
   #panel-editor {
     display: flex;
-    min-height: calc(100vh - 52px);
+    min-height: 100vh;
     border: none;
     border-radius: 0;
   }
diff --git a/style.css b/style.css
index 93dc29a..65c5028 100644
--- a/style.css
+++ b/style.css
@@ -375,7 +375,7 @@ body {
 #password-modal-box .btn-confirm { background: var(--accent); color: #fff; border-color: var(--accent); }
 
 @media (max-width: 768px) {
-  body { padding: 0; overflow-x: hidden; }
+  body { display: block; width: 100%; min-height: 100vh; padding: 0; overflow-x: hidden; }
 
   #mobile-header {
     display: flex;
@@ -444,11 +444,11 @@ body {
     white-space: nowrap;
   }
 
-  #app { display: block; padding: 0; }
+  #app { display: block; width: 100%; max-width: none; min-height: 100vh; padding: 0; }
   #panel-list, #panel-translate, #stats-panel { display: none; }
   #panel-editor {
     display: flex;
-    min-height: calc(100vh - 52px);
+    min-height: 100vh;
     border: none;
     border-radius: 0;
   }