diff --git a/src/layouts/schedule/time-slot-modal-question/time-slot-modal-question.vue b/src/layouts/schedule/time-slot-modal-question/time-slot-modal-question.vue
index 7e9b5a279..34086b728 100644
--- a/src/layouts/schedule/time-slot-modal-question/time-slot-modal-question.vue
+++ b/src/layouts/schedule/time-slot-modal-question/time-slot-modal-question.vue
@@ -24,7 +24,7 @@
validationRules="time-slot-required"
class="mt-5" />
+ class="mb-2 mt-4" />
@@ -110,10 +110,11 @@ export default {
if (this.appointmentType === AppointmentTypeStrings.IN_SHOP) {
return null;
} else if (this.appointmentType === AppointmentTypeStrings.MOBILE) {
- appointmentTypeCmsWidgetName =
- this.selectedTimeSlotId === this.premiumAppointmentButtonText
- ? this.mobilePremiumCmsWidgetName
- : this.mobileCmsWidgetName;
+ appointmentTypeCmsWidgetName = this.selectedTimeSlotId?.includes(
+ PREMIUM_TIME_SLOT_ID_FLAG
+ )
+ ? this.mobilePremiumCmsWidgetName
+ : this.mobileCmsWidgetName;
} else {
appointmentTypeCmsWidgetName = this.isSameDay
? this.sameDayDropOffCmsWidgetName
@@ -317,5 +318,15 @@ export default {
.text-block.duration-text-block {
margin-top: 0 !important;
}
+ .supplemental-information {
+ line-height: 1.5rem;
+ font-size: 0.875rem;
+ li strong {
+ font-weight: $font-weight-bold;
+ }
+ li:not(:last-child) {
+ margin-bottom: 16px;
+ }
+ }
}