diff --git a/components.html b/components.html
index 9b724b209f..4ecb26e31c 100644
--- a/components.html
+++ b/components.html
@@ -2243,13 +2243,13 @@ body { padding-bottom: 70px; }
     <h2 id="alerts-dismissable">Dismissable alerts</h2>
     <p>Build on any alert by adding an optional <code>.alert-dismissable</code> and close button.</p>
     <div class="bs-example">
-      <div class="alert alert-warning alert-dismissable">
+      <div class="alert alert-warning alert-dismissable alert-warning">
         <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
         <strong>Warning!</strong> Best check yo self, you're not looking too good.
       </div>
     </div>
 {% highlight html %}
-<div class="alert alert-warning alert-dismissable">
+<div class="alert alert-warning alert-dismissable alert-warning">
   <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
   <strong>Warning!</strong> Best check yo self, you're not looking too good.
 </div>