diff --git a/src/webcomponents/commons/forms/data-form.js b/src/webcomponents/commons/forms/data-form.js
index 7177f8905..0af472e5b 100644
--- a/src/webcomponents/commons/forms/data-form.js
+++ b/src/webcomponents/commons/forms/data-form.js
@@ -807,7 +807,7 @@ export default class DataForm extends LitElement {
         }
 
         return html`
-            <div class="${hasErrorMessages ? "text-danger" : nothing}">
+            <div>
                 <div data-testid="${this.config.test?.active ? `${this.config.test.prefix || "test"}-${element.field}` : nothing}">
                     ${contentHtml}
                 </div>
@@ -815,7 +815,7 @@ export default class DataForm extends LitElement {
                     <div class="form-text">${helpMessage}</div>
                 ` : nothing}
                 ${hasErrorMessages ? html`
-                    <div class="d-flex mt-2 text-body-secondary">
+                    <div class="d-flex mt-2 text-danger">
                         <div class="me-2">
                             <i class="${this._getErrorIcon(element)}"></i>
                         </div>