diff --git a/packages/components/src/date-time/style.scss b/packages/components/src/date-time/style.scss
index 93b8b4bf3fc105..9b6d00e3238c15 100644
--- a/packages/components/src/date-time/style.scss
+++ b/packages/components/src/date-time/style.scss
@@ -44,6 +44,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;