diff --git a/src/common/scss/shidoka-flatpickr-theme.scss b/src/common/scss/shidoka-flatpickr-theme.scss
index eb3bb930..9677c825 100644
--- a/src/common/scss/shidoka-flatpickr-theme.scss
+++ b/src/common/scss/shidoka-flatpickr-theme.scss
@@ -3,7 +3,7 @@
 $date-picker-background: var(--kd-color-date-and-time-picker-background-container);
 $icon-fill: var(--kd-color-date-and-time-picker-icon-default);
 $current-month-year: var(--kd-color-date-and-time-picker-text-title);
-$input-background: var(--kd-color-background-ui-hollow-default);
+$input-background: var(--kd-color-background-forms-default);
 $range-dates: var(--kd-color-date-and-time-picker-background-pressed);
 $selected-date: var(--kd-color-date-and-time-picker-background-default);
 $today: var(--kd-color-date-and-time-picker-border-focus);
diff --git a/src/components/reusable/datePicker/datepicker.scss b/src/components/reusable/datePicker/datepicker.scss
index a4b7877b..2d33c59b 100644
--- a/src/components/reusable/datePicker/datepicker.scss
+++ b/src/components/reusable/datePicker/datepicker.scss
@@ -8,7 +8,7 @@
 input {
     display: block;
     width: 100%;
-    border: 1px solid var(--kd-color-border-ui-default);
+    border: 1px solid var(--kd-color-border-forms-default);
     border-radius: 4px;
     height: 48px;
     padding: 0 40px 0 16px;