diff --git a/src/layouts/provider-preference/provider-preference.vue b/src/layouts/provider-preference/provider-preference.vue
index 0fbd4cb4..130738fe 100644
--- a/src/layouts/provider-preference/provider-preference.vue
+++ b/src/layouts/provider-preference/provider-preference.vue
@@ -4,9 +4,9 @@
         ref="theForm"  
         >
         <div class="page-container-grouped-styles">
-            <div class="fade-on-route-transition position-relative px-5">
+            <div class="fade-on-route-transition position-relative">
                 <siteHeader cmsWidgetName="SiteHeaderWidget" />
-                <siteSubHeader cmsWidgetName="SiteSubHeader" id="sub-header" class="mb-5" />
+                <siteSubHeader cmsWidgetName="SiteSubHeader" id="sub-header" class="mb-5 mt-3" />
 
                 <buttonQuestion ref="buttonQuestion"
                     questionText="Select an option:"
@@ -16,14 +16,15 @@
                     v-model="selectedProvider"
                     validationRules="option-required"
                     isRequired
-                    class="mx-4" />
-                
-                <siteFooter
-                    cmsWidgetName="SiteFooterWidget"
-                    :isForwardActionDisabled="isForwardActionDisabled"
-                    @backClicked="backButtonAction"
-                    @forwardClicked="forwardButtonAction"
-                    ref="siteFooter" />
+                    class="mx-5" />
+                <div class="px-5">
+                    <siteFooter
+                        cmsWidgetName="SiteFooterWidget"
+                        :isForwardActionDisabled="isForwardActionDisabled"
+                        @backClicked="backButtonAction"
+                        @forwardClicked="forwardButtonAction"
+                        ref="siteFooter" />
+                </div>
             </div>
         </div>
         <recalModal ref="recalModal" cmsWidgetName="RecalModal" />