update text on icons note

diff --git a/docs/base-css.html b/docs/base-css.html
index 3b4032805fd79e8d256296e43a0ca7d73f323c51..0b2c4547ef42fc3384234a33b47d3946f0be1314 100644 (file)
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -1407,7 +1407,7 @@ For example, <code>section</code> should be wrapped as inline.
     </div>
   </div>
   <div class="alert alert-info">
-    <strong>Heads up!</strong> Icon classes are echoed via CSS <code>:after</code> and on hover in the docs we show a light red background color show the icon's size.
+    <strong>Heads up!</strong> Icon classes are echoed via CSS <code>:after</code>. In the docs, we show a light red background color on hover to hightlight the icon's size.
   </div>
 
   <br>

diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache
index b464084dfe7811ba19984686aae29b9f226e24d4..2b9a459c8037a645323bed7e9105f8334092ed73 100644 (file)
--- a/docs/templates/pages/base-css.mustache
+++ b/docs/templates/pages/base-css.mustache
@@ -1335,7 +1335,7 @@
     </div>
   </div>
   <div class="alert alert-info">
-    {{_i}}<strong>Heads up!</strong> Icon classes are echoed via CSS <code>:after</code> and on hover in the docs we show a light red background color show the icon's size.{{/i}}
+    {{_i}}<strong>Heads up!</strong> Icon classes are echoed via CSS <code>:after</code>. In the docs, we show a light red background color on hover to hightlight the icon's size.{{/i}}
   </div>
 
   <br>