Styling fix to error state on vehicle-damage

src/common-components/base-input-button/base-input-button.vue

@@ -1,6 +1,7 @@
 <template>
     <label
-        :class="[buttonWrapperClasses, { 'has-error': errors.length > 0 }]"
+        :class="[buttonWrapperClasses, { 'has-error': errors.length > 0 &&!suppressError,
+        selected: isChecked }]"
         :for="buttonId"
         @focusin="handleFocus"
         @focusout="handleBlur"

src/common-components/base-input-button/button-functionality-props.js

@@ -34,4 +34,5 @@ export const inputButtonProps = {
         type: Boolean,
         default: false,
     },
+    suppressError: Boolean,
 };

src/common-components/button-question/button-question.vue

@@ -51,6 +51,7 @@
                           :additionalButtonStyling="additionalButtonStyling"
                           :lastValuePushedToGa="lastValuePushedToGa"
                           :setLastValuePushedToGa="setLastValuePushedToGa"
+                          :suppressError="suppressError"
                           v-model="selectedValues" />
                       <!-- For nested questions -->
                       <transition name="fade" mode="out-in">