diff --git a/src/assets/main.css b/src/assets/main.css
index 55cbd29..a86d087 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -1,6 +1,7 @@
 @import "antd/dist/reset.css";
 
 :root {
+  --ss-app-height: 100dvh;
   --ss-safe-area-top: env(safe-area-inset-top, 0px);
   --ss-safe-area-right: env(safe-area-inset-right, 0px);
   --ss-safe-area-bottom: env(safe-area-inset-bottom, 0px);
@@ -17,7 +18,7 @@ html,
 body,
 #root {
   height: 100%;
-  min-height: 100dvh;
+  min-height: var(--ss-app-height);
   margin: 0;
   padding: 0;
   overflow: hidden;
@@ -32,7 +33,7 @@ body,
   position: fixed;
   inset: 0;
   width: 100vw;
-  height: 100dvh;
+  height: var(--ss-app-height);
   padding-top: var(--ss-safe-area-top);
   padding-right: var(--ss-safe-area-right);
   padding-bottom: var(--ss-safe-area-bottom);
diff --git a/src/main.tsx b/src/main.tsx
index b7d4ac5..4e03d99 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -135,6 +135,15 @@ if (isMacDesktop) {
   document.documentElement.classList.add("platform-macos")
 }
 
+const setAppHeightVar = () => {
+  const appHeight = Math.max(window.innerHeight, 0)
+  document.documentElement.style.setProperty("--ss-app-height", `${appHeight}px`)
+}
+setAppHeightVar()
+window.addEventListener("resize", setAppHeightVar)
+window.addEventListener("orientationchange", setAppHeightVar)
+window.addEventListener("pageshow", setAppHeightVar)
+
 window.addEventListener("error", (e: any) => {
   const error = e?.error
   safeWriteLog({