diff --git a/packages/react-ui/components/DateInput/DateInput.styles.ts b/packages/react-ui/components/DateInput/DateInput.styles.ts
index ecf98f9a7f6..a350d0544b3 100644
--- a/packages/react-ui/components/DateInput/DateInput.styles.ts
+++ b/packages/react-ui/components/DateInput/DateInput.styles.ts
@@ -36,13 +36,13 @@ export const styles = {
 
   value() {
     return css`
-      opacity: 0;
+      visibility: hidden;
     `;
   },
 
   valueVisible() {
     return css`
-      opacity: 1;
+      visibility: visible;
     `;
   },
 };