diff --git a/packages/app/src/components/Layout/sidebar/index.less b/packages/app/src/components/Layout/sidebar/index.less
index 2de0900d..65ea84d6 100755
--- a/packages/app/src/components/Layout/sidebar/index.less
+++ b/packages/app/src/components/Layout/sidebar/index.less
@@ -14,7 +14,7 @@
 	width: @app_sidebar_width;
 	min-width: @app_sidebar_width;
 
-	height: 100vh;
+	height: 100dvh;
 
 	padding: 10px 0;
 
diff --git a/packages/app/src/theme/index.less b/packages/app/src/theme/index.less
index 259ea0d5..ad630fc3 100755
--- a/packages/app/src/theme/index.less
+++ b/packages/app/src/theme/index.less
@@ -166,7 +166,7 @@ html {
 
 	width: 100%;
 	height: 100%;
-	max-height: 100vh;
+	max-height: 100dvh;
 
 	overflow: hidden;
 
@@ -214,7 +214,7 @@ html {
 	height: 100%;
 	width: 100%;
 
-	max-height: 100vh;
+	max-height: 100dvh;
 
 	overflow-x: hidden;
 	overflow-y: overlay;
@@ -251,7 +251,7 @@ html {
 	left: 0;
 
 	width: 100vw;
-	height: 100vh;
+	height: 100dvh;
 
 	transition: background-image, background-size, background-position, background-repeat, background-attachment all 150ms ease-in-out;
 
@@ -277,7 +277,7 @@ html {
 	align-items: center;
 
 	width: 100vw;
-	height: 100vh;
+	height: 100dvh;
 
 	.ant-result {
 		background-color: var(--background-color-primary);