diff --git a/frappe/public/scss/common/datepicker.scss b/frappe/public/scss/common/datepicker.scss
index 870ef5783d..d159f27fc1 100644
--- a/frappe/public/scss/common/datepicker.scss
+++ b/frappe/public/scss/common/datepicker.scss
@@ -4,7 +4,7 @@
 
 	font-family: inherit;
 	z-index: 9999 !important;
-	background: var(--bg-color);
+	background: var(--fg-color);
 	color: var(--text-color);
 	border-radius: var(--border-radius);
 	border: 1px solid var(--border-color);