diff --git a/app/assets/stylesheets/tailwind/inputs.css b/app/assets/stylesheets/tailwind/inputs.css
index a5b9104d2..e72724e12 100644
--- a/app/assets/stylesheets/tailwind/inputs.css
+++ b/app/assets/stylesheets/tailwind/inputs.css
@@ -101,7 +101,8 @@
     @apply bg-sn-super-light-grey;
   }
 
-  .sci-input-container-v2.error input {
+  .sci-input-container-v2.error input,
+  .sci-input-container-v2.error textarea{
     @apply border-sn-alert-passion;
   }
 
diff --git a/app/javascript/vue/forms/edit_field.vue b/app/javascript/vue/forms/edit_field.vue
index 76bcc0e63..0307b3782 100644
--- a/app/javascript/vue/forms/edit_field.vue
+++ b/app/javascript/vue/forms/edit_field.vue
@@ -115,14 +115,14 @@ export default {
       }
 
       if (this.editField.attributes.name.length > GLOBAL_CONSTANTS.NAME_MAX_LENGTH) {
-        return this.i18n.t('forms.show.title_too_long_error');
+        return this.i18n.t('forms.show.title_too_long_error', { limit: GLOBAL_CONSTANTS.NAME_MAX_LENGTH });
       }
 
       return '';
     },
     descriptionFieldError() {
       if (this.editField.attributes.description.length > GLOBAL_CONSTANTS.TEXT_MAX_LENGTH) {
-        return this.i18n.t('forms.show.description_too_long_error');
+        return this.i18n.t('forms.show.description_too_long_error', { limit: GLOBAL_CONSTANTS.TEXT_MAX_LENGTH });
       }
 
       return '';
diff --git a/app/javascript/vue/forms/edit_fields/number.vue b/app/javascript/vue/forms/edit_fields/number.vue
index 722608ec0..5fed314e5 100644
--- a/app/javascript/vue/forms/edit_fields/number.vue
+++ b/app/javascript/vue/forms/edit_fields/number.vue
@@ -96,8 +96,8 @@ export default {
       return !this.editField.attributes.data.unit || this.editField.attributes.data.unit.length <= GLOBAL_CONSTANTS.NAME_MAX_LENGTH;
     },
     unitFieldError() {
-      if (this.editField.attributes.data.unit.length > GLOBAL_CONSTANTS.NAME_MAX_LENGTH) {
-        return this.i18n.t('forms.show.field_too_long_error');
+      if (this.editField.attributes.data.unit && this.editField.attributes.data.unit.length > GLOBAL_CONSTANTS.NAME_MAX_LENGTH) {
+        return this.i18n.t('forms.show.field_too_long_error', { limit: GLOBAL_CONSTANTS.NAME_MAX_LENGTH });
       }
 
       return '';
diff --git a/app/javascript/vue/forms/edit_fields/options_mixin.js b/app/javascript/vue/forms/edit_fields/options_mixin.js
index 6d2e529e1..f5cdd5b11 100644
--- a/app/javascript/vue/forms/edit_fields/options_mixin.js
+++ b/app/javascript/vue/forms/edit_fields/options_mixin.js
@@ -12,7 +12,7 @@ export default {
     },
     optionFieldErrors() {
       if (!this.validField) {
-        return this.i18n.t('forms.show.options_too_many_error');
+        return this.i18n.t('forms.show.options_too_many_error', { limit: GLOBAL_CONSTANTS.NAME_MAX_LENGTH });
       }
 
       return '';
diff --git a/app/javascript/vue/forms/fields/text.vue b/app/javascript/vue/forms/fields/text.vue
index 711ad5e16..e5e829da3 100644
--- a/app/javascript/vue/forms/fields/text.vue
+++ b/app/javascript/vue/forms/fields/text.vue
@@ -1,8 +1,9 @@
 <template>
-  <div class="sci-input-container-v2 h-24">
+  <div class="sci-input-container-v2 h-24 mb-1" :class="{'error': !validValue}" :data-error="valueFieldError">
     <textarea
       class="sci-input"
       :value="value"
+      ref="input"
       :disabled="fieldDisabled"
       @change="saveValue"
       :placeholder="fieldDisabled ? '' : i18n.t('forms.fields.add_text')"></textarea>
@@ -10,19 +11,38 @@
 </template>
 
 <script>
+/* global GLOBAL_CONSTANTS */
+
 import fieldMixin from './field_mixin';
 
 export default {
   name: 'TextField',
   mixins: [fieldMixin],
+  data() {
+    return {
+      value: this.field.field_value?.value
+    };
+  },
   methods: {
     saveValue(event) {
-      this.$emit('save', event.target.value);
+      this.value = event.target.value;
+      if (this.validValue) {
+        this.$emit('save', this.value);
+      }
     }
   },
   computed: {
-    value() {
-      return this.field.field_value?.value;
+    validValue() {
+      if (!this.value) {
+        return true;
+      }
+      return this.value.length <= GLOBAL_CONSTANTS.TEXT_MAX_LENGTH;
+    },
+    valueFieldError() {
+      if (this.value && this.value.length > GLOBAL_CONSTANTS.TEXT_MAX_LENGTH) {
+        return this.i18n.t('forms.show.field_too_long_error', { limit: GLOBAL_CONSTANTS.TEXT_MAX_LENGTH });
+      }
+      return '';
     }
   }
 };
diff --git a/config/locales/en.yml b/config/locales/en.yml
index b2c35d4f5..8ccebb2f0 100644
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -1111,10 +1111,10 @@ en:
       title_label: Title (required)
       title_placeholder: 'Add a title'
       title_empty_error: 'Title cannot be empty'
-      title_too_long_error: 'Title is too long'
+      title_too_long_error: 'Title is too long (maximum number is %{limit} characters)'
       description_label: Description
       description_placeholder: 'Add a description'
-      description_too_long_error: 'Description is too long'
+      description_too_long_error: 'Description is too long (maximum number is %{limit} characters)'
       required_label: 'Required'
       mark_as_na: 'Mark as N/A'
       mark_as_na_explanation: 'Allow user to mark the field as Not-applicable.'
@@ -1130,8 +1130,8 @@ en:
       time_label: 'Include time'
       range_label: 'Include range'
       no_block: 'Add your first form block'
-      field_too_long_error: 'Field is too long'
-      options_too_many_error: 'Too many options'
+      field_too_long_error: 'Field is too long (maximum number is %{limit} characters)'
+      options_too_many_error: 'Too many options (maximum number is %{limit} options)'
       validations:
         response_validation:
           title: 'Response validation'