diff --git a/src/digital-components/base-input-button/button-functionality-props.js b/src/digital-components/base-input-button/button-functionality-props.js
index fe2104457..73da5f25c 100644
--- a/src/digital-components/base-input-button/button-functionality-props.js
+++ b/src/digital-components/base-input-button/button-functionality-props.js
@@ -35,4 +35,9 @@ export const inputButtonProps = {
default: false,
},
suppressError: Boolean,
+ labelBold: {
+ type: Boolean,
+ required: false,
+ default: false,
+ },
};
diff --git a/src/digital-components/button-question/button-question.vue b/src/digital-components/button-question/button-question.vue
index 53f71eb9b..dcf1b18c1 100644
--- a/src/digital-components/button-question/button-question.vue
+++ b/src/digital-components/button-question/button-question.vue
@@ -9,7 +9,9 @@ https://safelite.atlassian.net/wiki/spaces/DC/pages/76644418/Button+Question+Com
v-if="questionText && answers && answers.length > 0"
class="question-text d-flex"
:class="{ 'small-question-text': isSmallQuestionText }">
- {{ questionText }}
+
+ {{ questionText }}
+
@@ -57,6 +59,7 @@ https://safelite.atlassian.net/wiki/spaces/DC/pages/76644418/Button+Question+Com
:setLastValuePushedToGa="setLastValuePushedToGa"
:isInsuranceSelected="isInsuranceSelected"
:suppressError="suppressError"
+ :labelBold="labelBold"
@buttonEvent="handleButtonEvent"
v-model="selectedValues" />
@@ -141,6 +144,11 @@ export default {
default: false,
},
isInsuranceSelected: Boolean,
+ labelBold: {
+ type: Boolean,
+ required: false,
+ default: false,
+ },
},
setup(props) {
const propsClone = Object.assign({}, props);
@@ -360,6 +368,9 @@ export default {
& > span {
text-align: center;
}
+ .span-bold {
+ font-weight: 600;
+ }
}
.small-question-text {
&.question-text {
diff --git a/src/digital-components/dropdown-question/dropdown-question.vue b/src/digital-components/dropdown-question/dropdown-question.vue
index 8b3cf023f..7b52745fa 100644
--- a/src/digital-components/dropdown-question/dropdown-question.vue
+++ b/src/digital-components/dropdown-question/dropdown-question.vue
@@ -6,6 +6,7 @@
:for="dropdownId"
:aria-label="questionText"
class="form-label"
+ :class="[labelBold ? 'label-bold' : '']"
v-html="questionText">