diff --git a/frontend/src/styles/Layout.css b/frontend/src/styles/Layout.css
index 4a1187d..21aee1c 100644
--- a/frontend/src/styles/Layout.css
+++ b/frontend/src/styles/Layout.css
@@ -9,6 +9,7 @@
 .app-layout {
   display: flex;
   min-height: 100vh;
+  min-height: 100dvh;
   background: var(--color-bg-main);
 }
 
@@ -17,6 +18,7 @@
   flex: 1;
   margin-left: var(--sidebar-width);
   min-height: 100vh;
+  min-height: 100dvh;
   display: flex;
   flex-direction: column;
   transition: margin-left 0.3s ease;
diff --git a/frontend/src/styles/theme/index.css b/frontend/src/styles/theme/index.css
index 52dfeb1..f541aa7 100644
--- a/frontend/src/styles/theme/index.css
+++ b/frontend/src/styles/theme/index.css
@@ -28,6 +28,7 @@ body {
   margin: 0;
   min-width: 320px;
   min-height: 100vh;
+  min-height: 100dvh;
   font-family: var(--font-sans);
   background: var(--color-bg-main);
   color: var(--color-text-primary);
@@ -56,6 +57,7 @@ body {
 
 #root {
   min-height: 100vh;
+  min-height: 100dvh;
   width: 100%;
   position: relative;
   isolation: isolate;