diff --git a/src/digital-components/textarea-question/textarea-question.vue b/src/digital-components/textarea-question/textarea-question.vue
index 33c5b5d4..9b550661 100644
--- a/src/digital-components/textarea-question/textarea-question.vue
+++ b/src/digital-components/textarea-question/textarea-question.vue
@@ -1,7 +1,10 @@
 <template>
     <div
         class="textarea-question"
-        :class="(errors && errors.length) ? 'has-error' : 'has-success'">
+        :class="[
+            (errors && errors.length) ? 'has-error' : '',
+            (meta?.valid && meta?.touched && !(errors && errors.length)) ? 'has-success' : ''
+        ]">
         <label
             :for="inputId"
             class="form-label">
diff --git a/src/digital-components/textbox-question/textbox-question.vue b/src/digital-components/textbox-question/textbox-question.vue
index 8800a6a7..70149cad 100644
--- a/src/digital-components/textbox-question/textbox-question.vue
+++ b/src/digital-components/textbox-question/textbox-question.vue
@@ -1,7 +1,10 @@
 <template>
     <div
         class="textbox-question"
-        :class="(errors && errors.length) || hasError ? 'has-error' : 'has-success'">
+        :class="[
+            ((errors && errors.length) || hasError) ? 'has-error' : '',
+            (meta?.valid && meta?.touched && !((errors && errors.length) || hasError)) ? 'has-success' : ''
+        ]">
         <label
             v-if="displayQuestionText"
             :for="inputId"