diff --git a/packages/main/src/themes/DatePicker.css b/packages/main/src/themes/DatePicker.css
index 04b044fbdfd7..f161ae5c82e6 100644
--- a/packages/main/src/themes/DatePicker.css
+++ b/packages/main/src/themes/DatePicker.css
@@ -41,6 +41,7 @@
 }
 
 :host .ui5-date-picker-input {
+    width: 100%;
 	color: inherit;
 	background-color: inherit;
 	border-radius: inherit;