diff --git a/src/overlays/Dialog.scss b/src/overlays/Dialog.scss
index 04f57f7..8586e6d 100644
--- a/src/overlays/Dialog.scss
+++ b/src/overlays/Dialog.scss
@@ -37,6 +37,7 @@
 
     margin-block-start: 0;
     max-height: 100vh;
+    max-height: 100dvh;
   }
 }
 
diff --git a/src/overlays/Drawer.scss b/src/overlays/Drawer.scss
index 633a393..f4e8e48 100644
--- a/src/overlays/Drawer.scss
+++ b/src/overlays/Drawer.scss
@@ -29,11 +29,12 @@
   width: var(--drawer-width);
   max-width: 100%;
   height: 100vh;
-  
+  height: 100dvh;
+
   &.is-nested {
     width: calc(var(--drawer-width) - var(--drawer-nested-offset));
     max-width: calc(100% - var(--drawer-nested-offset));
-  
+
     @media (--sm-only) {
       --drawer-nested-offset: var(--seeds-s6);
     }
diff --git a/src/overlays/Overlay.scss b/src/overlays/Overlay.scss
index aea3192..6e7dc95 100644
--- a/src/overlays/Overlay.scss
+++ b/src/overlays/Overlay.scss
@@ -4,7 +4,9 @@
   top: 0px;
   left: 0px;
   width: 100vw;
+  width: 100dvw;
   height: 100vh;
+  height: 100dvh;
   z-index: var(--seeds-z-index-overlay);
 }