diff --git a/apps/scandic-web/components/DatePicker/Range/desktop.module.css b/apps/scandic-web/components/DatePicker/Range/desktop.module.css
index 68db4780f..0eac5e7e7 100644
--- a/apps/scandic-web/components/DatePicker/Range/desktop.module.css
+++ b/apps/scandic-web/components/DatePicker/Range/desktop.module.css
@@ -70,7 +70,7 @@ td.day[data-outside="true"] button.dayButton {
   border: none;
 }
 
-td.day:not(td.rangeEnd, td.rangeStart)[aria-selected="true"],
+td.day.rangeMiddle[aria-selected="true"],
 td.rangeMiddle[aria-selected="true"] button.dayButton {
   background: var(--Base-Background-Primary-Normal);
   border: none;
diff --git a/apps/scandic-web/components/DatePicker/Range/mobile.module.css b/apps/scandic-web/components/DatePicker/Range/mobile.module.css
index 0fc095da0..8e16cf3fd 100644
--- a/apps/scandic-web/components/DatePicker/Range/mobile.module.css
+++ b/apps/scandic-web/components/DatePicker/Range/mobile.module.css
@@ -28,6 +28,8 @@
   position: sticky;
   top: 0;
   z-index: 10;
+  display: flex;
+  justify-content: flex-end;
 }
 
 .select {
@@ -139,7 +141,7 @@ td.day[data-outside="true"] button.dayButton {
   border: none;
 }
 
-td.day:not(td.rangeEnd, td.rangeStart)[aria-selected="true"],
+td.day.rangeMiddle[aria-selected="true"],
 td.rangeMiddle[aria-selected="true"] button.dayButton {
   background: var(--Base-Background-Primary-Normal);
   border: none;
@@ -160,7 +162,8 @@ td.day[data-outside="true"] ~ td.day[data-disabled="true"] button.dayButton,
 }
 
 .weekDay {
-  color: var(--UI-Text-Placeholder);
+  color: var(--Base-Text-Medium-contrast);
+  opacity: 1;
   font-family: var(--typography-Caption-Labels-fontFamily);
   font-size: var(--typography-Caption-Labels-fontSize);
   font-weight: var(--typography-Caption-Labels-fontWeight);