diff --git a/dist/ionic.css b/dist/ionic.css
index 70ec46d682..d55679e7d8 100644
--- a/dist/ionic.css
+++ b/dist/ionic.css
@@ -116,7 +116,8 @@ main > * {
   padding: 8px;
   line-height: 6px; }
   .buttons .button {
-    line-height: 6px; }
+    padding: 6px 12px;
+    line-height: 14px; }
 
 .buttons:first-child {
   left: 0;
diff --git a/example/panel_controller.html b/example/panel_controller.html
index ff98328589..4ebc37dc22 100644
--- a/example/panel_controller.html
+++ b/example/panel_controller.html
@@ -3,9 +3,8 @@
     <meta charset="utf-8">
     <title>Panels</title>
 
-    <!-- Sets initial viewport load and disables zooming  -->
     <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
-    <!--<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">-->
+    <link href="/vendor/font-awesome/css/font-awesome.css" rel="stylesheet">
     <link rel="stylesheet" href="../../dist/ionic.css">
 
   </head>
@@ -15,11 +14,15 @@
 
       <header class="bar bar-header bar-dark">
         <div class="buttons">
-          <a id="left-button" class="button button-dark" href="#">Left</a>
+          <a id="left-button" class="button button-dark" href="#">
+            <i class="icon-reorder"></i>
+          </a>
         </div>
         <h1 class="title">Panels</h1>
         <div class="buttons">
-          <button id="right-button" class="button button-default">Right</button>
+          <button id="right-button" class="button button-dark">
+            <i class="icon-cog"></i>
+          </button>
         </div>
       </header>
 
diff --git a/scss/ionic/structure/_bar.scss b/scss/ionic/structure/_bar.scss
index 41fc59d3e7..3942385382 100644
--- a/scss/ionic/structure/_bar.scss
+++ b/scss/ionic/structure/_bar.scss
@@ -61,7 +61,8 @@
 
 
   .button {
-    line-height: 6px;
+    padding: 6px 12px;
+    line-height: 14px;
   }
 }
 .buttons:first-child {