diff --git a/test/headers.html b/test/headers.html
index 6b66d4dff0..62d72c1c08 100644
--- a/test/headers.html
+++ b/test/headers.html
@@ -29,9 +29,9 @@
           <i class="icon ion-navicon"></i> Home
         </a>
         <div class="button-bar">
-          <a class="button">Success</a>
-          <a class="button">Warning</a>
-          <a class="button">Danger</a>
+          <a class="button">First</a>
+          <a class="button">Second</a>
+          <a class="button">Third</a>
         </div>
         <a class="button">
           Favorites
@@ -43,9 +43,9 @@
           <i class="icon ion-navicon"></i> Home
         </a>
         <div class="button-bar">
-          <a class="button button-calm">Success</a>
-          <a class="button">Warning</a>
-          <a class="button">Danger</a>
+          <a class="button button-calm">First</a>
+          <a class="button">Second</a>
+          <a class="button">Third</a>
         </div>
         <a class="button">
           <i class="icon ion-star"></i> Favorites
@@ -71,9 +71,9 @@
           <i class="icon ion-home"></i>
         </a>
         <div class="button-bar">
-          <a class="button">Success</a>
-          <a class="button">Warning</a>
-          <a class="button">Danger</a>
+          <a class="button">First</a>
+          <a class="button">Second</a>
+          <a class="button">Third</a>
         </div>
         <a class="button">
           <i class="icon ion-star"></i>
@@ -85,9 +85,9 @@
           <i class="icon ion-home"></i>
         </a>
         <div class="button-bar">
-          <a class="button">Success</a>
-          <a class="button">Warning</a>
-          <a class="button">Danger</a>
+          <a class="button">First</a>
+          <a class="button">Second</a>
+          <a class="button">Third</a>
         </div>
         <a class="button">
           <i class="icon ion-star"></i>
@@ -99,9 +99,9 @@
           <i class="icon ion-home"></i>
         </a>
         <div class="button-bar">
-          <a class="button">Success</a>
-          <a class="button">Warning</a>
-          <a class="button">Danger</a>
+          <a class="button">First</a>
+          <a class="button">Second</a>
+          <a class="button">Third</a>
         </div>
         <a class="button">
           <i class="icon ion-star"></i>
@@ -113,9 +113,9 @@
           <i class="icon ion-home"></i>
         </a>
         <div class="button-bar">
-          <a class="button">Success</a>
-          <a class="button">Warning</a>
-          <a class="button">Danger</a>
+          <a class="button">First</a>
+          <a class="button">Second</a>
+          <a class="button">Third</a>
         </div>
         <a class="button">
           <i class="icon ion-star"></i>
@@ -127,9 +127,9 @@
           <i class="icon ion-home"></i>
         </a>
         <div class="button-bar">
-          <a class="button">Success</a>
-          <a class="button">Warning</a>
-          <a class="button">Danger</a>
+          <a class="button">First</a>
+          <a class="button">Second</a>
+          <a class="button">Third</a>
         </div>
         <a class="button">
           <i class="icon ion-star"></i>
@@ -141,9 +141,9 @@
           <i class="icon ion-home"></i>
         </a>
         <div class="button-bar">
-          <a class="button">Success</a>
-          <a class="button">Warning</a>
-          <a class="button">Danger</a>
+          <a class="button">First</a>
+          <a class="button">Second</a>
+          <a class="button">Third</a>
         </div>
         <a class="button">
           <i class="icon ion-star"></i>
@@ -155,9 +155,9 @@
           <i class="icon ion-home"></i>
         </a>
         <div class="button-bar">
-          <a class="button">Success</a>
-          <a class="button">Warning</a>
-          <a class="button">Danger</a>
+          <a class="button">First</a>
+          <a class="button">Second</a>
+          <a class="button">Third</a>
         </div>
         <a class="button">
           <i class="icon ion-star"></i>
@@ -169,9 +169,9 @@
           <i class="icon ion-home"></i>
         </a>
         <div class="button-bar">
-          <a class="button">Success</a>
-          <a class="button">Warning</a>
-          <a class="button">Danger</a>
+          <a class="button">First</a>
+          <a class="button">Second</a>
+          <a class="button">Third</a>
         </div>
         <a class="button">
           <i class="icon ion-star"></i>
@@ -183,9 +183,9 @@
           <i class="icon ion-arrow-left-c"></i>
         </a>
         <div class="button-bar">
-          <a class="button">Success</a>
-          <a class="button">Warning</a>
-          <a class="button">Danger</a>
+          <a class="button">First</a>
+          <a class="button">Second</a>
+          <a class="button">Third</a>
         </div>
         <a class="button">
           <i class="icon ion-star"></i>
@@ -197,9 +197,21 @@
           <i class="icon ion-arrow-left-c"></i>
         </a>
         <div class="button-bar">
-          <a class="button">Success</a>
-          <a class="button">Warning</a>
-          <a class="button">Danger</a>
+          <a class="button">First</a>
+          <a class="button">Second</a>
+          <a class="button">Third</a>
+        </div>
+        <a class="button button-clear">
+          title
+        </a>
+      </header>
+
+      <header class="bar bar-calm">
+        <a class="button button-icon icon ion-arrow-left-c"></a>
+        <div class="button-bar">
+          <a class="button">First</a>
+          <a class="button">Second</a>
+          <a class="button">Third</a>
         </div>
         <a class="button button-clear">
           title