diff --git a/src/App.vue b/src/App.vue
index 38dab406f..524dad6ca 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,7 +2,7 @@
   <router-view />
   <ProgressSpinner
     v-if="isLoading"
-    class="absolute inset-0 flex justify-center items-center h-svh"
+    class="absolute inset-0 flex justify-center items-center h-dvh"
   />
   <GlobalDialog />
   <BlockUI full-screen :blocked="isLoading" />
diff --git a/src/assets/css/style.css b/src/assets/css/style.css
index af17d9a26..bf8fd2fec 100644
--- a/src/assets/css/style.css
+++ b/src/assets/css/style.css
@@ -42,7 +42,7 @@
 
 body {
   width: 100vw;
-  height: 100svh;
+  height: 100dvh;
   margin: 0;
   overflow: hidden;
   background: var(--bg-color) var(--bg-img);
diff --git a/src/views/GraphView.vue b/src/views/GraphView.vue
index 442f77f37..0aac26e09 100644
--- a/src/views/GraphView.vue
+++ b/src/views/GraphView.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="comfyui-body grid h-svh w-screen overflow-hidden">
+  <div class="comfyui-body grid h-dvh w-screen overflow-hidden">
     <div id="comfyui-body-top" class="comfyui-body-top">
       <TopMenubar v-if="useNewMenu === 'Top'" />
     </div>
diff --git a/src/views/layouts/LayoutDefault.vue b/src/views/layouts/LayoutDefault.vue
index d9665f175..73155e603 100644
--- a/src/views/layouts/LayoutDefault.vue
+++ b/src/views/layouts/LayoutDefault.vue
@@ -1,5 +1,5 @@
 <template>
-  <main class="w-full min-h-svh overflow-hidden relative">
+  <main class="w-full min-h-dvh overflow-hidden relative">
     <router-view />
   </main>
 </template>