diff --git a/src/experiment-components/date-picker-for-pricing-by-day.vue b/src/experiment-components/date-picker-for-pricing-by-day.vue
index cad976cf7..5e50def6b 100644
--- a/src/experiment-components/date-picker-for-pricing-by-day.vue
+++ b/src/experiment-components/date-picker-for-pricing-by-day.vue
@@ -962,9 +962,7 @@ export default {
 
             &.selectable-day {
                 label {
-                    color: $blue;
                     background-color: $blue-100;
-                    border: 1px solid $blue;
                     min-width: 2.5rem;
                     width: 2.5rem;
                     border-radius: 50%;
@@ -972,12 +970,11 @@ export default {
             }
             &.unavailable-day {
                 label {
-                    color: $gray-500;
-                    background-color: $gray-100;
                     border: none;
                     pointer-events: none;
                 }
             }
+            //NEEDED?
             &.unavailable-day:not(&.sunday) {
                 label {
                     &::before {
@@ -987,7 +984,6 @@ export default {
                         left: -1rem;
                         width: 1rem;
                         height: 2.5rem;
-                        background: $gray-100;
                     }
                 }
             }
@@ -1094,11 +1090,10 @@ export default {
             }
         }
     }
-
+    // pricing by day override styles
     &.pricing-by-day {
-        // pricing by day override styles
         .calendar-grid-container .grid-item {
-            margin: 0;
+            margin: 0 0 0.15rem 0;
         }
         .month-year {
             grid-area: 1 / 1 / 2 / 8;
@@ -1109,9 +1104,8 @@ export default {
         .radio-wrapper {
             align-items: flex-start;
             width: 100%;
-            height: 3rem;
-            color: $gray-500;
-            background-color: $gray-100;
+            height: 2.5rem;
+            color: $black;
 
             input[type="radio"] {
                 &:focus-visible + label {
@@ -1122,42 +1116,35 @@ export default {
                 &:checked:focus + label {
                     box-shadow: none;
                     background-color: $white;
-                    color: $blue;
+                    color: $black;
                 }
                 &:checked + label {
                     background: $blue-100;
                     border: 2px solid $blue;
-                    border-radius: 4px;
-                    color: $blue;
+                    border-radius: .25rem;
+                    color: $black;
+                    span {
+                        font-family: AvertaSemibold;
+                        font-weight: 400;
+                    }
                 }
             }
             label {
                 flex-direction: column;
-                height: 3rem;
+                height: 2.5rem;
                 width: 100%;
                 font-size: 0.75rem;
                 line-height: 1.2;
-                justify-content: flex-start;
+                justify-content: center;
                 padding: 0.25rem;
-
-                span {
-                    margin-top: 0.25rem;
-                }
             }
             &.selectable-day {
-                background-color: $white;
                 label {
-                    background-color: $white;
-                    border: none;
-                    min-width: 100%;
-                    width: 100%;
-                    height: -webkit-fill-available;
-                    border-radius: 0;
-                    cursor: pointer;
-
-                    span {
-                        text-decoration: underline;
-                    }
+                    color: $black;
+                    background-color: $blue-100;
+                    min-width: 2.5rem;
+                    width: 2.5rem;
+                    border-radius: 0.25rem;
                 }
             }
             &.current-day {
@@ -1168,32 +1155,36 @@ export default {
                 }
             }
         }
-    }
+        &.show-pricing-by-day {
+            .radio-wrapper {
+                &.selectable-day label span {
+                    text-decoration: none;
+                    color: $black;
+                    font-weight: 400;
+                    font-family: "AvertaSemibold";
 
-    &.date-picker.show-pricing-by-day {
-        .radio-wrapper {
-            &.selectable-day label span {
-                text-decoration: none;
-                color: $gray-600;
-                font-weight: 400;
-                font-family: "AvertaSemibold";
-
-                &.price {
-                    color: $green;
+                    &.price {
+                        font-family: "AvertaRegular";
+                        font-weight: 400;
+                    }
                 }
-            }
-            &.upch-day label span.price {
-                color: $gray-600;
-                font-weight: 400;
-                font-family: $font-family-sans-serif;
-            }
-            input[type="radio"] {
-                &:focus + label,
-                &:checked:focus + label {
+                &.upch-day label span.price {
                     color: $gray-600;
+                    font-weight: 400;
+                    font-family: $font-family-sans-serif;
                 }
-                &:checked + label {
-                    color: $blue;
+                input[type="radio"] {
+                    &:focus + label,
+                    &:checked:focus + label {
+                        color: $gray-600;
+                    }
+                    &:checked + label {
+                        color: $blue;
+                        span {
+                            font-weight: 400;
+                            font-family: "AvertaSemibold";
+                        }
+                    }
                 }
             }
         }