diff --git a/src/components/DatePicker/styles.css b/src/components/DatePicker/styles.css
index e477dc4c8451..bdf35ec68006 100644
--- a/src/components/DatePicker/styles.css
+++ b/src/components/DatePicker/styles.css
@@ -9,6 +9,7 @@
     position: absolute;
     right: 12px;
     top: 13px;
+    color-scheme: dark;
 }
 .expensify-datepicker::-webkit-date-and-time-value {
     text-align: left;