diff --git a/scss/_bar.scss b/scss/_bar.scss
index ae0f68700b8..1ecb802b022 100644
--- a/scss/_bar.scss
+++ b/scss/_bar.scss
@@ -136,6 +136,7 @@
     font-weight: 400;
     line-height: $button-bar-button-height;
 
+    &.button-icon:before,
     .icon:before,
     &.icon:before,
     &.icon-left:before,
@@ -149,9 +150,9 @@
     &.button-icon {
       .icon:before,
       &:before,
-      &.icon:before,
       &.icon-left:before,
       &.icon-right:before {
+        vertical-align: top;
         font-size: $button-large-icon-size;
         line-height: $button-bar-button-height;
       }
diff --git a/test/headers.html b/test/headers.html
index cd4202eb64b..253c294d807 100644
--- a/test/headers.html
+++ b/test/headers.html
@@ -219,6 +219,11 @@ <h1 class="title">Really really really really really really really really long t
         </a>
       </header>
 
+      <header class="bar bar-header bar-stable">
+        <button class="button button-clear button-icon ion-ios7-arrow-back"> Back</button>
+        <h1 class="title">Title here</h1>
+      </header>
+
     </content>
 
   </body>