diff --git a/resources/js_vue3/assets/app.scss b/resources/js_vue3/assets/app.scss
index b852621c..99424640 100644
--- a/resources/js_vue3/assets/app.scss
+++ b/resources/js_vue3/assets/app.scss
@@ -27,6 +27,9 @@ a:hover {
   color: hsl(204, 86%, 53%);
 }
 
+#app {
+  min-height: 100vh;
+}
 @supports (padding-top: env(safe-area-inset-top)) {
   #app {
     padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-left);
@@ -917,6 +920,13 @@ footer.main {
   position: fixed;
   z-index: 30;
 }
+@supports (-webkit-touch-callout: none) {
+  @media (display-mode: standalone) {
+    footer.main {
+      padding-bottom: env(safe-area-inset-bottom);
+    }
+  }
+}
 
 footer.main .field.is-grouped {
   justify-content: center;