diff --git a/src/layouts/service-location/service-location.vue b/src/layouts/service-location/service-location.vue
index ba285deac..9a2636479 100644
--- a/src/layouts/service-location/service-location.vue
+++ b/src/layouts/service-location/service-location.vue
@@ -12,93 +12,99 @@
                     <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" class="mt-5" />
 
                     <serviceZipModalQuestion
-                        v-model="serviceZipCodeQuestion"
-                        ref="serviceZipCodeQuestion"
-                        :mobileFeePart="mobileFeePart"
-                        @updated-mobile-fee-part="setMobileFeePart"
-                        @updated-serviceability="setServiceabilityDetails"
-                        @updated-contains-military-base="setContainsMilitaryBase"
-                        linkWidgetName="ServiceZipLinkWidget"
-                        modalWidgetName="ServiceZipModalWidget"
-                        :onZipUpdateCallback="reloadShopData" />
+                    v-model="serviceZipCodeQuestion"
+                    ref="serviceZipCodeQuestion"
+                    :mobileFeePart="mobileFeePart"
+                    @updated-mobile-fee-part="setMobileFeePart"
+                    @updated-serviceability="setServiceabilityDetails"
+                    @updated-contains-military-base="setContainsMilitaryBase"
+                    linkWidgetName="ServiceZipLinkWidget"
+                    modalWidgetName="ServiceZipModalWidget"
+                    :onZipUpdateCallback="reloadShopData" />
 
                     <alert
-                        ref="alertMilitaryBaseZip"
-                        class="my-5"
-                        cmsWidgetName="AlertMilitaryBaseZipWidget"
-                        v-if="displayMilitaryZipAlert"
-                        alertClass="alert-warning" />
+                    ref="alertMilitaryBaseZip"
+                    class="my-5"
+                    cmsWidgetName="AlertMilitaryBaseZipWidget"
+                    v-if="displayMilitaryZipAlert"
+                    alertClass="alert-warning" />
 
                     <alert
-                        ref="alertMobileOnly"
-                        class="my-5"
-                        cmsWidgetName="AlertMobileOnlyWidget"
-                        v-if="displayServiceableMobileOnly"
-                        alertClass="alert-warning" />
+                    ref="alertMobileOnly"
+                    class="my-5"
+                    cmsWidgetName="AlertMobileOnlyWidget"
+                    v-if="displayServiceableMobileOnly"
+                    alertClass="alert-warning" />
 
                     <alert
-                        ref="alertRecalNoMobile"
-                        class="my-5"
-                        cmsWidgetName="AlertRecalNoMobileWidget"
-                        v-if="displayRecalibrationWarning"
-                        @text-link-clicked="openModalAction"
-                        alertClass="alert-warning" />
+                    ref="alertRecalNoMobile"
+                    class="my-5"
+                    cmsWidgetName="AlertRecalNoMobileWidget"
+                    v-if="displayRecalibrationWarning"
+                    @text-link-clicked="openModalAction"
+                    alertClass="alert-warning" />
 
                     <alert
-                        ref="alertInshopOnly"
-                        class="my-5"
-                        cmsWidgetName="AlertInshopOnlyWidget"
-                        v-if="displayServiceableInshopOnly"
-                        alertClass="alert-warning" />
+                    ref="alertInshopOnly"
+                    class="my-5"
+                    cmsWidgetName="AlertInshopOnlyWidget"
+                    v-if="displayServiceableInshopOnly"
+                    alertClass="alert-warning" />
 
                     <alert
-                        ref="alertNoShops"
-                        class="my-5"
-                        cmsWidgetName="AlertNoShopsWidget"
-                        v-if="displayNoShopsAlert"
-                        alertClass="alert-warning" />
-
+                    ref="alertNoShops"
+                    class="my-5"
+                    cmsWidgetName="AlertNoShopsWidget"
+                    v-if="displayNoShopsAlert"
+                    alertClass="alert-warning" />
+                </div>
+            </div>
+            <div class="row justify-content-md-center appointment-type">
+                <div class="col-md-8">
                     <appointmentTypeQuestion
-                        v-model="selectedAppointmentType"
-                        v-show="isAppointmentTypeDisplayed"
-                        :isServiceableMobile="isServiceableMobile"
-                        :isServiceableInshop="isServiceableInshop"
-                        :isDisplayed="isAppointmentTypeDisplayed"
-                        ref="appointmentTypeQuestion"
-                        groupName="appointmentTypeQuestion"
-                        cmsWidgetName="AppointmentTypeQuestionWidget"
-                        validationRules="option-required" />
-
+                    v-model="selectedAppointmentType"
+                    v-show="isAppointmentTypeDisplayed"
+                    :isServiceableMobile="isServiceableMobile"
+                    :isServiceableInshop="isServiceableInshop"
+                    :isDisplayed="isAppointmentTypeDisplayed"
+                    ref="appointmentTypeQuestion"
+                    groupName="appointmentTypeQuestion"
+                    cmsWidgetName="AppointmentTypeQuestionWidget"
+                    validationRules="option-required" />
+                </div>
+            </div>
+            <div class="row justify-content-md-center">
+                <div class="col-md-6 col-xl-4">
                     <mobileLocationModalQuestions
-                        customComponentId="mobileLocationQuestions"
-                        v-if="selectedAppointmentType === 'Mobile'"
-                        v-model="mobileLocationQuestions"
-                        :mobileFeePart="mobileFeePart"
-                        @updated-mobile-fee-part="setMobileFeePart"
-                        @updated-serviceability="setServiceabilityDetails"
-                        @updated-contains-military-base="setContainsMilitaryBase"
-                        validationRules="mobile-location-required"
-                        ref="mobileLocationQuestions"
-                        linkWidgetName="MobileLocationLinkWidget"
-                        modalWidgetName="MobileLocationModalWidget"
-                        :onZipUpdateCallback="reloadShopData" />
+                    customComponentId="mobileLocationQuestions"
+                    v-if="selectedAppointmentType === 'Mobile'"
+                    v-model="mobileLocationQuestions"
+                    :mobileFeePart="mobileFeePart"
+                    @updated-mobile-fee-part="setMobileFeePart"
+                    @updated-serviceability="setServiceabilityDetails"
+                    @updated-contains-military-base="setContainsMilitaryBase"
+                    validationRules="mobile-location-required"
+                    ref="mobileLocationQuestions"
+                    linkWidgetName="MobileLocationLinkWidget"
+                    modalWidgetName="MobileLocationModalWidget"
+                    :onZipUpdateCallback="reloadShopData" />
 
                     <shopQuestion
-                        ref="shopQuestion"
-                        v-show="isShopQuestionDisplayed"
-                        v-model="selectedProvider"
-                        :selectedAppointmentType="selectedAppointmentType"
-                        :isDisplayed="isShopQuestionDisplayed"
-                        cmsWidgetName="ShopQuestionWidget" />
+                    ref="shopQuestion"
+                    v-show="isShopQuestionDisplayed"
+                    v-model="selectedProvider"
+                    :selectedAppointmentType="selectedAppointmentType"
+                    :isDisplayed="isShopQuestionDisplayed"
+                    cmsWidgetName="ShopQuestionWidget" />
 
                     <contentGroupModal ref="RecalModal" cmsWidgetName="RecalModal" />
 
                     <navbar
-                        cmsWidgetName="FunnelFooterWidget"
-                        ref="navbar"
-                        :isForwardActionDisabled="!meta.valid || displayNoShopsAlert"
-                        @back-clicked="backButtonAction"
-                        @ForwardClicked="forwardButtonAction" />
+                    cmsWidgetName="FunnelFooterWidget"
+                    ref="navbar"
+                    :isForwardActionDisabled="!meta.valid || displayNoShopsAlert"
+                    @back-clicked="backButtonAction"
+                    @ForwardClicked="forwardButtonAction" />
                 </div>
             </div>
         </div>
@@ -263,7 +269,7 @@ export default {
             set: function (newValue) {
                 this.streetAddress = newValue.addressQuestions.streetAddress;
                 this.apartmentNumberOrBusinessName =
-                    newValue.addressQuestions.apartmentNumberOrBusinessName;
+                newValue.addressQuestions.apartmentNumberOrBusinessName;
                 this.city = newValue.addressQuestions.city;
                 this.state = newValue.addressQuestions.state;
                 this.zipCode = newValue.addressQuestions.zipCode;
@@ -392,10 +398,10 @@ export default {
         setServiceabilityDetails(serviceabilityDetails) {
             this.isGlassServiceableInshop = serviceabilityDetails.isGlassServiceableInshop;
             this.isRecalibrationServiceableInshop =
-                serviceabilityDetails.isRecalibrationServiceableInshop;
+            serviceabilityDetails.isRecalibrationServiceableInshop;
             this.isGlassServiceableMobile = serviceabilityDetails.isGlassServiceableMobile;
             this.isRecalibrationServiceableMobile =
-                serviceabilityDetails.isRecalibrationServiceableMobile;
+            serviceabilityDetails.isRecalibrationServiceableMobile;
         },
         backButtonAction() {
             this.$router.navigateWithoutSaving(this.navigationScenarios.CLICKED_BACK, this.$route);
@@ -490,6 +496,14 @@ export default {
 </script>
 
 <style lang="scss">
+.appointment-type {
+    @include media-breakpoint-up(md) {
+        .col {
+            flex: 0 0 auto;
+            width: 33.33333333%;
+        }
+    }
+}
 .question-text {
     & > span {
         text-align: center;
diff --git a/src/layouts/vehicle-damage/vehicle-damage.vue b/src/layouts/vehicle-damage/vehicle-damage.vue
index da7c6b8da..cf767b12d 100644
--- a/src/layouts/vehicle-damage/vehicle-damage.vue
+++ b/src/layouts/vehicle-damage/vehicle-damage.vue
@@ -1,6 +1,6 @@
 <template>
     <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
-        <div class="container-fluid page-container-grouped-styles">
+        <div class="container-fluid page-container-grouped-styles vehicle-damage">
             <div class="row">
                 <div class="col">
                     <funnelHeader cmsWidgetName="FunnelHeaderWidget" />
@@ -544,3 +544,14 @@ export default {
     },
 };
 </script>
+
+<style lang="scss">
+.vehicle-damage {
+    @include media-breakpoint-up(md) {
+        .col {
+            flex: 0 0 auto;
+            width: 33.33333333%;
+        }
+    }
+}
+</style>