diff --git a/components/molecules/page-modal/page-modal.tsx b/components/molecules/page-modal/page-modal.tsx
index 1ee838cd..9319f3e4 100644
--- a/components/molecules/page-modal/page-modal.tsx
+++ b/components/molecules/page-modal/page-modal.tsx
@@ -45,7 +45,7 @@ const layoutStyles = css({
   bottom: 0,
   width: '100vw',
   maxWidth: 'maxWidth',
-  height: '100vh',
+  height: '100dvh',
   backgroundColor: 'white',
   zIndex: 1000,
   overflow: 'auto',