diff --git a/lib/components/src/controls/Date.tsx b/lib/components/src/controls/Date.tsx
index b8ddcebff979..0124cbed5db7 100644
--- a/lib/components/src/controls/Date.tsx
+++ b/lib/components/src/controls/Date.tsx
@@ -52,6 +52,10 @@ const FlexSpaced = styled.div(({ theme }) => ({
   },
   'input:first-of-type': {
     marginLeft: 0,
+    flexGrow: 4,
+  },
+  'input:last-of-type': {
+    flexGrow: 3,
   },
 }));