diff --git a/calendar/templates/default/app.css b/calendar/templates/default/app.css
index 45c87817ed..07c194cb45 100644
--- a/calendar/templates/default/app.css
+++ b/calendar/templates/default/app.css
@@ -159,6 +159,10 @@
 #calendar-sidebox_date div.flatpickr-calendar.inline {
     width: 100% !important;
 }
+#calendar-sidebox_date .inRange {
+    background-color: var(--row_hover);
+    box-shadow: none;
+}
 
 /* Conflict display */
 div.calendar_conflicts {
diff --git a/calendar/templates/mobile/app.css b/calendar/templates/mobile/app.css
index f10c7565ba..3860693592 100644
--- a/calendar/templates/mobile/app.css
+++ b/calendar/templates/mobile/app.css
@@ -178,6 +178,9 @@
 #calendar-sidebox_date div.flatpickr-calendar.inline {
   width: 100% !important;
 }
+#calendar-sidebox_date .inRange {
+  background-color: var(--row_hover);
+}
 /* Conflict display */
 div.calendar_conflicts {
   max-height: 540px;
diff --git a/calendar/templates/pixelegg/app.css b/calendar/templates/pixelegg/app.css
index 9698481de5..d5b640cb15 100755
--- a/calendar/templates/pixelegg/app.css
+++ b/calendar/templates/pixelegg/app.css
@@ -166,6 +166,9 @@
 #calendar-sidebox_date div.flatpickr-calendar.inline {
   width: 100% !important;
 }
+#calendar-sidebox_date .inRange {
+  background-color: var(--row_hover);
+}
 /* Conflict display */
 div.calendar_conflicts {
   max-height: 540px;