diff --git a/dist/css/ionic-ios7.css b/dist/css/ionic-ios7.css
index 4027e743f2..948f775135 100644
--- a/dist/css/ionic-ios7.css
+++ b/dist/css/ionic-ios7.css
@@ -634,7 +634,8 @@ address {
   .bar .title + .buttons {
     position: absolute;
     top: 5px;
-    right: 5px; }
+    right: 5px;
+    bottom: 5px; }
 
 .bar-default .button {
   color: #333333;
@@ -774,11 +775,14 @@ address {
 
 .bar [class^="icon-"],
 .bar [class*=" icon-"] {
-  font-size: 24px; }
+  font-size: 20px; }
 
 .bar .button-icon {
   border: 1px solid transparent;
   background-color: transparent; }
+  .bar .button-icon [class^="icon-"],
+  .bar .button-icon [class*=" icon-"] {
+    font-size: 24px; }
 
 .bar-header {
   top: 0; }
diff --git a/dist/css/ionic-scoped.css b/dist/css/ionic-scoped.css
index 261842f15e..a15b898ef4 100644
--- a/dist/css/ionic-scoped.css
+++ b/dist/css/ionic-scoped.css
@@ -1402,7 +1402,8 @@
     .ionic .bar .title + .buttons {
       position: absolute;
       top: 5px;
-      right: 5px; }
+      right: 5px;
+      bottom: 5px; }
   .ionic .bar-default .button {
     color: #333333;
     background-color: white;
@@ -1533,10 +1534,13 @@
       font-size: 17px; }
   .ionic .bar [class^="icon-"],
   .ionic .bar [class*=" icon-"] {
-    font-size: 24px; }
+    font-size: 20px; }
   .ionic .bar .button-icon {
     border: 1px solid transparent;
     background-color: transparent; }
+    .ionic .bar .button-icon [class^="icon-"],
+    .ionic .bar .button-icon [class*=" icon-"] {
+      font-size: 24px; }
   .ionic .bar-header {
     top: 0; }
   .ionic .bar-footer {
diff --git a/dist/css/ionic.css b/dist/css/ionic.css
index b14f1fe68c..cd6b3f97cc 100644
--- a/dist/css/ionic.css
+++ b/dist/css/ionic.css
@@ -1743,7 +1743,8 @@ address {
   .bar .title + .buttons {
     position: absolute;
     top: 5px;
-    right: 5px; }
+    right: 5px;
+    bottom: 5px; }
 
 .bar-default .button {
   color: #333333;
@@ -1883,11 +1884,14 @@ address {
 
 .bar [class^="icon-"],
 .bar [class*=" icon-"] {
-  font-size: 24px; }
+  font-size: 20px; }
 
 .bar .button-icon {
   border: 1px solid transparent;
   background-color: transparent; }
+  .bar .button-icon [class^="icon-"],
+  .bar .button-icon [class*=" icon-"] {
+    font-size: 24px; }
 
 .bar-header {
   top: 0; }
diff --git a/scss/ionic/_bar.scss b/scss/ionic/_bar.scss
index d36307a597..cbf1398223 100644
--- a/scss/ionic/_bar.scss
+++ b/scss/ionic/_bar.scss
@@ -117,6 +117,7 @@
     position: absolute;
     top: 5px;
     right: 5px;
+    bottom: 5px;
   }
 
 }
@@ -177,12 +178,17 @@
 
 .bar [class^="icon-"], 
 .bar [class*=" icon-"] {
-  font-size: 24px;
+  font-size: 20px;
 }
 
 .bar .button-icon {
   border: $button-border-width solid transparent;
   background-color: transparent;
+
+  [class^="icon-"], 
+  [class*=" icon-"] {
+    font-size: 24px;
+  }
 }
 
 // Header at top
diff --git a/test/headers.html b/test/headers.html
index 2e1d07f5f3..c6ce158f1f 100644
--- a/test/headers.html
+++ b/test/headers.html
@@ -21,7 +21,7 @@
       <header class="bar bar-header bar-dark">
         <a class="button">Back</a>
         <h1 class="title">Really really really really really really really really long title!</h1>
-        <a class="button"><i class="icon-home"></i></a>
+        <a class="button"><i class="icon-home"></i> Home</a>
       </header>
       <div class="bar bar-header-secondary bar-success">
         <div class="button-bar">
@@ -31,13 +31,17 @@
         </div>
       </div>
       <header class="bar bar-header bar-default">
-        <a class="button button-icon"><i class="icon-home"></i></a>
+        <a class="button button-icon">
+          <i class="icon-home"></i> Home
+        </a>
         <div class="button-bar">
           <a class="button">Success</a>
           <a class="button">Warning</a>
           <a class="button">Danger</a>
         </div>
-        <a class="button">This</a>
+        <a class="button">
+          <i class="icon-star"></i>
+        </a>
       </header>
       <div class="bar bar-header bar-default">
         <div class="button-bar">