From ae975ed9f8812ecb27fac7d87ca1c6d96f1110f9 Mon Sep 17 00:00:00 2001
From: CocoByte <nicolle.leclair@gmail.com>
Date: Mon, 25 Nov 2024 19:46:53 -0700
Subject: [PATCH] Updated all error messages to have error icon

---
 .../templates/includes/input_with_errors.html         | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/registrar/templates/includes/input_with_errors.html b/src/registrar/templates/includes/input_with_errors.html
index d1e53968e..98328612c 100644
--- a/src/registrar/templates/includes/input_with_errors.html
+++ b/src/registrar/templates/includes/input_with_errors.html
@@ -52,9 +52,14 @@ error messages, if necessary.
   {% if field.errors %}
     <div id="{{ widget.attrs.id }}__error-message">
     {% for error in field.errors %}
-      <span class="usa-error-message" role="alert">
-        {{ error }}
-      </span>
+      <div class="usa-error-message display-flex" role="alert">
+        <div class="margin-top-05">
+          <svg class="usa-icon" focusable="true" role="img" aria-label="Error" width="24" height="24">
+            <use xlink:href="{%static 'img/sprite.svg'%}#error"></use>
+          </svg>
+        </div>
+        <span class="margin-left-05">{{ error }}</span>
+      </div>
     {% endfor %}
     </div>
   {% endif %}