diff --git a/src/digital-components/checkbox-question/checkbox-question.vue b/src/digital-components/checkbox-question/checkbox-question.vue
index 6d3777210..fc95555e4 100644
--- a/src/digital-components/checkbox-question/checkbox-question.vue
+++ b/src/digital-components/checkbox-question/checkbox-question.vue
@@ -56,6 +56,7 @@ export default {
.form-check-input {
border: 1px solid $gray-500;
border-radius: 2px;
+ min-width: 1rem; // Prevent squish
&:checked {
background-size: 125%;
border: 1px solid $blue;
diff --git a/src/layouts/payment-method/payment-method.vue b/src/layouts/payment-method/payment-method.vue
index 234c1cdf2..92b08faa3 100644
--- a/src/layouts/payment-method/payment-method.vue
+++ b/src/layouts/payment-method/payment-method.vue
@@ -54,6 +54,13 @@
cmsWidgetName="CallOrTextWidget"
justifyText="left" />
+
+
+
+
+
+
@@ -94,6 +103,8 @@ import reviewDropdown from "@/layouts/payment-method/review-dropdown/review-drop
import { submitWorkOrder } from "@/helpers/heritage-integration/order-helper.js";
import alert from "@/ux-components/alert/alert";
import textBlock from "@/digital-components/text-block/text-block";
+import checkboxQuestion from "@/digital-components/checkbox-question/checkbox-question";
+import contentGroupModal from "@/fmg-components/content-group-modal/content-group-modal";
// Supporting Items
import baseMixin from "@/mixins/base-mixin.js";
@@ -131,6 +142,9 @@ defineRule("option-required", required(errorMessages.OPTION_REQUIRED));
export default {
name: "paymentMethod",
+ props: {
+ recyclingModalCmsWidgetName: String,
+ },
async beforeRouteEnter(to, from, next) {
// Call APIs
const cmsContentPromise = fetchCmsContentForPage(to.query.fmgPage);
@@ -674,11 +688,19 @@ export default {
paymentMethodQuestion,
reviewDropdown,
textBlock,
+ checkboxQuestion,
+ contentGroupModal,
},
};