From a5b2513e9ecf0f44afca7f61715acb315aea0fe8 Mon Sep 17 00:00:00 2001
From: Stacey Van Herk <13419300+svanherk@users.noreply.github.com>
Date: Thu, 10 Sep 2026 15:28:24 -0400
Subject: [PATCH] GAUD-10626 - Fix mobile height calculations

---
 components/page/page.js | 2 ++
 1 file changed, 2 insertions(+)

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,