diff --git a/src/App.tsx b/src/App.tsx
index 3ffc14d..04df4f8 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -297,7 +297,7 @@ function MainContent(): React.JSX.Element {
       }}
     >
       {contextHolder}
-      <Layout style={{ height: "100%", minHeight: "100dvh", flexDirection: "row", overflow: "hidden" }}>
+      <Layout style={{ height: "100%", flexDirection: "row", overflow: "hidden" }}>
         <Sidebar
           activeMenu={activeMenu}
           permission={permission}
diff --git a/src/assets/main.css b/src/assets/main.css
index a86d087..8448651 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -1,7 +1,6 @@
 @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);
@@ -18,7 +17,6 @@ html,
 body,
 #root {
   height: 100%;
-  min-height: var(--ss-app-height);
   margin: 0;
   padding: 0;
   overflow: hidden;
@@ -30,10 +28,8 @@ body,
 }
 
 #root {
-  position: fixed;
-  inset: 0;
-  width: 100vw;
-  height: var(--ss-app-height);
+  width: 100%;
+  min-height: 100%;
   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 4e03d99..b7d4ac5 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -135,15 +135,6 @@ 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({