diff --git a/src/style-auro-calendar.scss b/src/style-auro-calendar.scss
index 28926f17..cc721df5 100644
--- a/src/style-auro-calendar.scss
+++ b/src/style-auro-calendar.scss
@@ -16,6 +16,10 @@
   --calendar-width: 336px;
   --mobile-footer-height: 150px;
   --mobile-header-height: 68px;
+
+  height: 100vh;
+  // stylelint-disable-next-line declaration-block-no-duplicate-properties
+  height: 100dvh; /* dvh = dynamic viewport height */
 }
 
 .calendarNavBtn {