diff --git a/components/date-time/style.scss b/components/date-time/style.scss
index d01a819d5a1b0..9cb45e9442c81 100644
--- a/components/date-time/style.scss
+++ b/components/date-time/style.scss
@@ -43,6 +43,7 @@ $datepicker__border-color: $light-gray-500;
 	align-items: center;
 	justify-content: center;
 	margin-top: 10px;
+	max-width: 248px;
 
 	.components-time-picker__input {
 		width: 40px;