diff --git a/src/components/calendar/bl-calendar.css b/src/components/calendar/bl-calendar.css
index a5f4c673..453d9fd0 100644
--- a/src/components/calendar/bl-calendar.css
+++ b/src/components/calendar/bl-calendar.css
@@ -69,6 +69,14 @@
     --bl-color-neutral-darkest: var(--bl-color-primary);
   }
 
+  &.other-month-day {
+    --bl-color-neutral-darker: var(--bl-color-neutral-dark);
+
+    &.selected-day {
+      --bl-color-neutral-darker: var(--bl-color-neutral-full);
+    }
+  }
+
   &.selected-day {
     background: var(--bl-color-primary);
     border-radius: 50%;
@@ -76,10 +84,6 @@
     --bl-button-focus-border-color: var(--bl-color-primary);
     --bl-color-neutral-darker: var(--bl-color-neutral-full);
   }
-
-  &.other-month-day {
-    --bl-color-neutral-darker: var(--bl-color-neutral-dark);
-  }
 }
 
 .range-day {