diff --git a/examples/combobox/css/combobox-datepicker.css b/examples/combobox/css/combobox-datepicker.css
index 833cf69de5..5897681781 100644
--- a/examples/combobox/css/combobox-datepicker.css
+++ b/examples/combobox/css/combobox-datepicker.css
@@ -228,10 +228,10 @@
 }
 
 .combobox-datepicker .dates td[tabindex="0"] {
-  background-color: hsl(216, 80%, 92%);
+  background-color: hsl(216, 80%, 51%);
+  color: white;
 }
 
-.combobox-datepicker .dates td:focus,
 .combobox-datepicker .dates td:hover {
   padding: 0;
   background-color: hsl(216, 80%, 92%);
diff --git a/examples/dialog-modal/css/datepicker-dialog.css b/examples/dialog-modal/css/datepicker-dialog.css
index 9f0b52ee0f..89b43d7612 100644
--- a/examples/dialog-modal/css/datepicker-dialog.css
+++ b/examples/dialog-modal/css/datepicker-dialog.css
@@ -235,7 +235,8 @@
 }
 
 .datepicker-dialog table.dates td[tabindex="0"] {
-  background-color: hsl(216, 80%, 92%);
+  background-color: hsl(216, 80%, 51%);
+  color: white;
 }