center footer button on page, fix padding

src/layouts/order-confirmation/order-confirmation.vue

@@ -7,12 +7,13 @@
         <div class="page-container-grouped-styles">
             <div class="fade-on-route-transition position-relative">
                 <siteHeader cmsWidgetName="SiteHeaderWidget" />
-                <div class="container-fluid pb-2">
+                <div class="main-content-container">
                     <p>Placeholder for order confirmation page</p>
                     <siteFooter
                         v-if="carrierUrl"
                         ref="siteFooter"
                         cmsWidgetName="SiteFooterWidget"
+                        :isStackedVertically="true"
                         :isForwardActionDisabled="!meta.valid"
                         @ForwardClicked="forwardButtonAction"
                         @backClicked="navigateBack" />
@@ -80,3 +81,14 @@ export default {
     }
 };
 </script>
+<style lang="scss" scoped>
+$page-side-padding: 1.5rem;
+
+.page-container-grouped-styles {
+    overflow: auto;
+
+    .main-content-container {
+        padding: 0 1.5rem !important;
+    }
+}
+</style>

src/layouts/tpa-confirmation/tpa-confirmation.vue

@@ -57,6 +57,7 @@
                         v-if="carrierUrl"
                         ref="siteFooter"
                         cmsWidgetName="SiteFooterWidget"
+                        :isStackedVertically="true"
                         :isForwardActionDisabled="!meta.valid"
                         @ForwardClicked="forwardButtonAction"
                         @backClicked="navigateBack" />