diff --git a/src/components/calendar/themes/calendar.base.scss b/src/components/calendar/themes/calendar.base.scss
index 06482e5dc..ea2949809 100644
--- a/src/components/calendar/themes/calendar.base.scss
+++ b/src/components/calendar/themes/calendar.base.scss
@@ -145,6 +145,10 @@
     border-radius: inherit;
     border-top-left-radius: 0;
     border-top-right-radius: 0;
+
+    &:has(> [part~='navigation']) {
+        flex-direction: column;
+    }
 }
 
 [part~='content-vertical'] {