diff --git a/packages/main/src/themes/DateTimePickerPopover.css b/packages/main/src/themes/DateTimePickerPopover.css
index 86a4185c1f0a..71ec4f021aba 100644
--- a/packages/main/src/themes/DateTimePickerPopover.css
+++ b/packages/main/src/themes/DateTimePickerPopover.css
@@ -4,7 +4,9 @@
 }
 
 :host .ui5-date-picker-popover:not([on-phone]) .ui5-popover-header {
-	width: 20rem;
+	width: 100%;
+	max-width: 100%;
+	display: block;
 }
 
 .ui5-dt-picker-content {