diff --git a/src/common-components/button-question/button-question.vue b/src/common-components/button-question/button-question.vue
index aa4aec2a1..2ea6d1c3a 100644
--- a/src/common-components/button-question/button-question.vue
+++ b/src/common-components/button-question/button-question.vue
@@ -2,7 +2,7 @@
 <template>
   <div :class="isOverflowScrollable ? 'button-question button-question-overflow' : 'button-question'">
     <div v-if="questionText && answers && answers.length > 0" class="question-text d-flex">
-      <span class="fs-5 fw-bold w-100">{{ questionText }}</span>
+      <span class="fw-bold w-100">{{ questionText }}</span>
     </div>
     <div class="w-100 d-flex justify-content-center">
       <fieldset class="w-100" :aria-required=isRequired :class="getFieldSetClasses" :role="isMultiSelect ? 'group' : 'radiogroup'" :aria-labelledby="formattedGroupName">
@@ -214,6 +214,8 @@ export default {
 .question-text {
   margin-top: 1.5rem;
   margin-bottom: 1rem;
+  font-size: 1rem;
+  line-height: 1.625rem;
 
   & > span {
     text-align: center;