diff --git a/packages/components/src/components/date-picker/_date-picker.scss b/packages/components/src/components/date-picker/_date-picker.scss
index 70804ca445e6..fa996ef00058 100644
--- a/packages/components/src/components/date-picker/_date-picker.scss
+++ b/packages/components/src/components/date-picker/_date-picker.scss
@@ -367,8 +367,9 @@
   .#{$prefix}--date-picker__day.endRange,
   .flatpickr-day.endRange {
     &:hover {
-      background: $ui-01;
       @include focus-outline('outline');
+      background: $ui-01;
+      color: $text-01;
     }
   }