diff --git a/src/layouts/provider-preference/provider-preference.vue b/src/layouts/provider-preference/provider-preference.vue
index 11d3792c..5b419319 100644
--- a/src/layouts/provider-preference/provider-preference.vue
+++ b/src/layouts/provider-preference/provider-preference.vue
@@ -16,22 +16,26 @@
                         cmsWidgetName="SiteSubHeader"
                         class="mb-0 mt-4 text-center" />
                     <div
+                        class="mt-4 mb-5"
                         v-html="scheduleWithSafeliteText"></div>
                     <buttonMain
                         ref="buttonMain"
+                        class="full-width-button"
                         variant="navigation"
                         buttonText="Schedule now"
                         @clickEvent="forwardButtonAction(options.SAFELITE)" />
                     <div
+                        class="mt-5 mb-5"
                         v-html="scheduleWithOtherText"></div>
                     <textLink
+                        class="underlined-text"
                         linkType="navigation"
                         text="Find another shop"    
                         href="#"
                         @clickEvent="forwardButtonAction(options.TPA)" />
                     <siteFooter
                         :ref="componentRefs.SITE_FOOTER_REF_NAME"
-                        class="mt-5"
+                        class="mt-6"
                         cmsWidgetName="SiteFooterWidget"
                         :isForwardButtonHidden="true"
                         @backClicked="navigateBack" />
@@ -213,6 +217,12 @@ export default {
     #sub-header span {
         color: $black;
     }
+    .full-width-button {
+        width: 100%;
+    }
+    .underlined-text {
+        text-decoration: underline;
+    }
     :deep(.safeliteLogo) {
         background-image: url(~@/assets/img/icons/logo.svg);
         background-repeat: no-repeat;