diff --git a/src/digital-components/date-picker/date-picker.vue b/src/digital-components/date-picker/date-picker.vue
index ac8514ea4..09fd8d6d8 100644
--- a/src/digital-components/date-picker/date-picker.vue
+++ b/src/digital-components/date-picker/date-picker.vue
@@ -851,7 +851,7 @@ export default {
     }
     .calendar-grid-container {
         margin: 0 auto 2rem auto;
-        max-width: 414px;
+        max-width: 400px;
         position: relative;
         transition:
             height ease 2s,
@@ -860,7 +860,10 @@ export default {
         grid-template-columns: repeat(7, 1fr);
         justify-content: center;
         align-items: center;
-        padding: 0 0.75rem;
+        padding: 0;
+        @include media-breakpoint-up(md) {
+            padding: 0 0.75rem;
+        }
         opacity: 1;
 
         .grid-item {
@@ -1028,10 +1031,14 @@ export default {
             &.selectable-day {
                 label {
                     background-color: $blue-100;
-                    min-width: 2.5rem;
-                    width: 2.5rem;
+                    min-width: 2.75rem;
+                    width: 2.75rem;
                     border-radius: 50%;
                     cursor: pointer;
+                    @include media-breakpoint-up(md) {
+                        min-width: 3rem;
+                        width: 3rem;
+                    }
                 }
             }
             &.unavailable-day {
@@ -1208,16 +1215,20 @@ export default {
                 label {
                     color: $black;
                     background-color: $blue-100;
-                    min-width: 2.5rem;
-                    width: 2.5rem;
+                    min-width: 2.75rem;
+                    width: 2.75rem;
                     border-radius: 0.25rem;
+                    @include media-breakpoint-up(md) {
+                        min-width: 3rem;
+                        width: 3rem;
+                    }
                 }
             }
             &.current-day {
                 label:after {
-                    margin-top: 0.2rem;
+                    margin-top: -0.25rem;
                     position: relative;
-                    top: 0;
+                    top: 0.5rem;
                 }
             }
         }
diff --git a/src/layouts/schedule/schedule.vue b/src/layouts/schedule/schedule.vue
index 715705cbb..3cef3dff0 100644
--- a/src/layouts/schedule/schedule.vue
+++ b/src/layouts/schedule/schedule.vue
@@ -727,32 +727,38 @@ export default {
 </script>
 
 <style lang="scss">
-.page-schedule {
-    .text-link-small {
-        a,
-        .btn-link {
-            width: auto;
-            margin: 0 auto;
-            height: auto;
-            font-size: 0.875rem;
-            line-height: 1.75;
-            padding: 0;
-            border-radius: 0;
-            &:focus {
-                outline: 1px solid $blue;
-            }
-            @include media-breakpoint-up(md) {
-                font-size: 1rem;
+.container-fluid {
+    &.page-schedule {
+        padding: 0 1rem;
+        .text-link-small {
+            a,
+            .btn-link {
+                width: auto;
+                margin: 0 auto;
+                height: auto;
+                font-size: 0.875rem;
+                line-height: 1.75;
+                padding: 0;
+                border-radius: 0;
+                &:focus {
+                    outline: 1px solid $blue;
+                }
+                @include media-breakpoint-up(md) {
+                    font-size: 1rem;
+                }
             }
         }
-    }
-    .funnel-sub-header {
-        h5.dark-header {
-            margin-bottom: 0.25rem;
+        .funnel-sub-header {
+            h5.dark-header {
+                margin-bottom: 0.25rem;
+            }
+        }
+        .change-location a {
+            font-family: AvertaSemibold;
+        }
+        .time-slots-question {
+            padding: 0 0.75rem;
         }
-    }
-    .change-location a {
-        font-family: AvertaSemibold;
     }
 }
 </style>