diff --git a/docs/base-css.html b/docs/base-css.html
index a198064f81..60b6edfe13 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -1014,9 +1014,9 @@ For example, <code>section</code> should be wrapped as inline.
             </div>
           </div>
           <div class="control-group warning">
-            <label class="control-label" for="inputError">Input with warning</label>
+            <label class="control-label" for="inputWarning">Input with warning</label>
             <div class="controls">
-              <input type="text" id="inputError">
+              <input type="text" id="inputWarning">
               <span class="help-inline">Something may have gone wrong</span>
             </div>
           </div>
@@ -1028,9 +1028,9 @@ For example, &lt;code&gt;section&lt;/code&gt; should be wrapped as inline.
             </div>
           </div>
           <div class="control-group success">
-            <label class="control-label" for="inputError">Input with success</label>
+            <label class="control-label" for="inputSuccess">Input with success</label>
             <div class="controls">
-              <input type="text" id="inputError">
+              <input type="text" id="inputSuccess">
               <span class="help-inline">Woohoo!</span>
             </div>
           </div>
@@ -1530,11 +1530,11 @@ For example, &lt;code&gt;section&lt;/code&gt; should be wrapped as inline.
     <div class="span4">
       <form>
         <div class="control-group">
-          <label class="control-label" for="prependedInput">Email address</label>
+          <label class="control-label" for="inputIcon">Email address</label>
           <div class="controls">
             <div class="input-prepend">
               <span class="add-on"><i class="icon-envelope"></i></span>
-              <input class="span2" id="iconInput" type="text">
+              <input class="span2" id="inputIcon" type="text">
             </div>
           </div>
         </div>
diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache
index 6348097159..38dd5587ab 100644
--- a/docs/templates/pages/base-css.mustache
+++ b/docs/templates/pages/base-css.mustache
@@ -938,9 +938,9 @@
             </div>
           </div>
           <div class="control-group warning">
-            <label class="control-label" for="inputError">{{_i}}Input with warning{{/i}}</label>
+            <label class="control-label" for="inputWarning">{{_i}}Input with warning{{/i}}</label>
             <div class="controls">
-              <input type="text" id="inputError">
+              <input type="text" id="inputWarning">
               <span class="help-inline">{{_i}}Something may have gone wrong{{/i}}</span>
             </div>
           </div>
@@ -952,9 +952,9 @@
             </div>
           </div>
           <div class="control-group success">
-            <label class="control-label" for="inputError">{{_i}}Input with success{{/i}}</label>
+            <label class="control-label" for="inputSuccess">{{_i}}Input with success{{/i}}</label>
             <div class="controls">
-              <input type="text" id="inputError">
+              <input type="text" id="inputSuccess">
               <span class="help-inline">{{_i}}Woohoo!{{/i}}</span>
             </div>
           </div>
@@ -1454,11 +1454,11 @@
     <div class="span4">
       <form>
         <div class="control-group">
-          <label class="control-label" for="prependedInput">{{_i}}Email address{{/i}}</label>
+          <label class="control-label" for="inputIcon">{{_i}}Email address{{/i}}</label>
           <div class="controls">
             <div class="input-prepend">
               <span class="add-on"><i class="icon-envelope"></i></span>
-              <input class="span2" id="iconInput" type="text">
+              <input class="span2" id="inputIcon" type="text">
             </div>
           </div>
         </div>