diff --git a/components/page/page.js b/components/page/page.js
index 4f9d0e06fd1..0850a7cb107 100644
--- a/components/page/page.js
+++ b/components/page/page.js
@@ -234,6 +234,7 @@ class Page extends ProviderMixin(LocalizeCoreElement(LitElement)) {
 		}
 		.content.has-panels {
 			min-height: calc(100vh - var(--d2l-page-header-height-measured, 0px));
+			min-height: calc(100dvh - var(--d2l-page-header-height-measured, 0px));
 		}
 
 		main {
@@ -274,6 +275,7 @@ class Page extends ProviderMixin(LocalizeCoreElement(LitElement)) {
 		.supporting-panel-content,
 		.divider {
 			max-height: calc(100vh - var(--d2l-page-header-height, 0) - var(--d2l-page-footer-height, 0));
+			max-height: calc(100dvh - var(--d2l-page-header-height, 0) - var(--d2l-page-footer-height, 0));
 		}
 
 		.side-nav-panel-content,