diff --git a/styles/elements/_inputs.scss b/styles/elements/_inputs.scss
index 88589f29..7b22f2d7 100644
--- a/styles/elements/_inputs.scss
+++ b/styles/elements/_inputs.scss
@@ -27,7 +27,7 @@
     $state-color: $color-green;
   }
 
-  .icon {
+  .icon-validation {
     @include icon-color($state-color);
   }
 
diff --git a/templates/components/options_input.html b/templates/components/options_input.html
index 6009cd51..4685f050 100644
--- a/templates/components/options_input.html
+++ b/templates/components/options_input.html
@@ -16,7 +16,7 @@
         {% endif %}
 
         {% if field.errors %}
-          {{ Icon('alert') }}
+          {{ Icon('alert',classes="icon-validation") }}
         {% endif %}
       </legend>
 
diff --git a/templates/components/text_input.html b/templates/components/text_input.html
index f14ffe87..933d1f07 100644
--- a/templates/components/text_input.html
+++ b/templates/components/text_input.html
@@ -10,7 +10,7 @@
         <span class='usa-input__help'>{{ field.description | safe }}</span>
       {% endif %}
 
-      {% if field.errors %} <span class="icon-validation">{{ Icon('alert') }}</span>{% endif %}
+      {% if field.errors %} {{ Icon('alert',classes="icon-validation") }} {% endif %}
     </label>
 
     {{ field(placeholder=placeholder) | safe }}