diff --git a/src/layouts/service-location/service-location.vue b/src/layouts/service-location/service-location.vue
index ba285deac..52ce60c67 100644
--- a/src/layouts/service-location/service-location.vue
+++ b/src/layouts/service-location/service-location.vue
@@ -57,7 +57,10 @@
                         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"
@@ -68,7 +71,10 @@
                         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'"
@@ -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>