diff --git a/dist/ionic.css b/dist/ionic.css
index e259013f7e..326e1f0c73 100644
--- a/dist/ionic.css
+++ b/dist/ionic.css
@@ -1099,16 +1099,19 @@ a.list-item {
   display: box;
   height: 100%;
   list-style: none;
+  box-orient: horizontal;
   -webkit-box-orient: horizontal;
-  box-orient: horizontal; }
+  -moz-box-orient: horizontal; }
 
 /* Navigational tab */
 .tab-item {
   height: 100%;
   text-align: center;
   box-sizing: border-box;
+  box-flex: 1;
   -webkit-box-flex: 1;
-  box-flex: 1; }
+  -moz-box-flex: 1;
+  width: 0; }
   .tab-item a {
     text-decoration: none;
     display: block;
diff --git a/example/index.html b/example/index.html
index 50107c2c6f..d9db52a6b6 100644
--- a/example/index.html
+++ b/example/index.html
@@ -22,24 +22,24 @@
       </header>
 
       <main class="content-padded has-header">
-        <p><a class="button button-default" href="alerts.html">Alerts</a></p>
-        <p><a class="button button-default" href="buttons.html">Buttons</a></p>
-        <p><a class="button button-default" href="button-groups.html">Button Groups</a></p>
-        <p><a class="button button-default" href="events.html">Events</a></p>
-        <p><a class="button button-default" href="footers.html">Footers</a></p>
-        <p><a class="button button-default" href="forms.html">Forms</a></p>
-        <p><a class="button button-default" href="grids.html">Grids</a></p>
-        <p><a class="button button-default" href="headers.html">Headers</a></p>
-        <p><a class="button button-default" href="image-swipe.html">Image Swipe</a></p>
-        <p><a class="button button-default" href="input-slider.html">Input: Slider</a></p>
-        <p><a class="button button-default" href="input-text.html">Input: Text</a></p>
-        <p><a class="button button-default" href="input-toggle.html">Input: Toggle</a></p>
-        <p><a class="button button-default" href="lists.html">Lists</a></p>
-        <p><a class="button button-default" href="modals.html">Modals</a></p>
-        <p><a class="button button-default" href="panels.html">Panels</a></p>
-        <p><a class="button button-default" href="popovers.html">Popovers</a></p>
-        <p><a class="button button-default" href="pull-to-refresh.html">Pull To Refresh</a></p>
-        <p><a class="button button-default" href="tab-bars.html">Tab Bars</a></p>
+        <p><a class="button button-block button-default" href="alerts.html">Alerts</a></p>
+        <p><a class="button button-block button-default" href="buttons.html">Buttons</a></p>
+        <p><a class="button button-block button-default" href="button-groups.html">Button Groups</a></p>
+        <p><a class="button button-block button-default" href="events.html">Events</a></p>
+        <p><a class="button button-block button-default" href="footers.html">Footers</a></p>
+        <p><a class="button button-block button-default" href="forms.html">Forms</a></p>
+        <p><a class="button button-block button-default" href="grids.html">Grids</a></p>
+        <p><a class="button button-block button-default" href="headers.html">Headers</a></p>
+        <p><a class="button button-block button-default" href="image-swipe.html">Image Swipe</a></p>
+        <p><a class="button button-block button-default" href="input-slider.html">Input: Slider</a></p>
+        <p><a class="button button-block button-default" href="input-text.html">Input: Text</a></p>
+        <p><a class="button button-block button-default" href="input-toggle.html">Input: Toggle</a></p>
+        <p><a class="button button-block button-default" href="lists.html">Lists</a></p>
+        <p><a class="button button-block button-default" href="modals.html">Modals</a></p>
+        <p><a class="button button-block button-default" href="panels.html">Panels</a></p>
+        <p><a class="button button-block button-default" href="popovers.html">Popovers</a></p>
+        <p><a class="button button-block button-default" href="pull-to-refresh.html">Pull To Refresh</a></p>
+        <p><a class="button button-block button-default" href="tab-bars.html">Tab Bars</a></p>
       </main>
 
     </section>
diff --git a/scss/ionic/_mixins.scss b/scss/ionic/_mixins.scss
index e89758e297..be1c991b49 100644
--- a/scss/ionic/_mixins.scss
+++ b/scss/ionic/_mixins.scss
@@ -1,3 +1,7 @@
+// _mixins.scss
+//
+// Useful utilities and mixins for SCSS files.
+
 @mixin button-style($bgColor, $borderColor, $color) {
   color: $color;
 	background-color: $bgColor;
@@ -405,6 +409,18 @@
   filter: alpha(opacity=$opacity);
 }
 
+@mixin box-orient($orientation) {
+  box-orient: $orientation;
+  -webkit-box-orient: $orientation;
+  -moz-box-orient: $orientation;
+}
+
+@mixin box-flex($flex) {
+  box-flex: 1;
+  -webkit-box-flex: $flex;
+  -moz-box-flex: $flex;
+}
+
 
 
 // BACKGROUNDS
diff --git a/scss/ionic/structure/_tabs.scss b/scss/ionic/structure/_tabs.scss
index 94ef0270c4..4c5fa99539 100644
--- a/scss/ionic/structure/_tabs.scss
+++ b/scss/ionic/structure/_tabs.scss
@@ -14,8 +14,7 @@
   display: box;
   height: 100%;
   list-style: none;
-  -webkit-box-orient: horizontal;
-          box-orient: horizontal;
+  @include box-orient(horizontal);
 }
 
 /* Navigational tab */
@@ -23,8 +22,11 @@
   height: 100%;
   text-align: center;
   box-sizing: border-box;
-  -webkit-box-flex: 1;
-          box-flex: 1;
+
+  @include box-flex(1);
+
+  // Required to force box elements to be the same size;
+  width: 0;
 
   a {
     text-decoration: none;