From 23ae91421109e95a989057936dc75858fa4bf18d Mon Sep 17 00:00:00 2001
From: luis cielak <luis+dds@promptworks.com>
Date: Mon, 13 Aug 2018 13:17:21 -0400
Subject: [PATCH] Apply validation colors to correct icons

---
 styles/elements/_inputs.scss            | 2 +-
 templates/components/options_input.html | 2 +-
 templates/components/text_input.html    | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

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 }}