diff --git a/dist/js/ionic-angular.js b/dist/js/ionic-angular.js
index 665275db71..29a856e710 100644
--- a/dist/js/ionic-angular.js
+++ b/dist/js/ionic-angular.js
@@ -1022,6 +1022,11 @@ angular.module('ionic.ui.tabs', ['ngAnimate'])
       return function($scope, $element, $attr, tabsCtrl) {
         var childScope, childElement;
 
+        $scope.title = $attr.title;
+        $scope.icon = $attr.icon;
+        $scope.iconOn = $attr.iconOn;
+        $scope.iconOff = $attr.iconOff;
+        tabsCtrl.add($scope);
         
         $scope.$watch('isVisible', function(value) {
           if(childElement) {
@@ -1041,13 +1046,6 @@ angular.module('ionic.ui.tabs', ['ngAnimate'])
             });
           }
         });
-
-        $scope.title = $attr.title;
-        $scope.icon = $attr.icon;
-        $scope.iconOn = $attr.iconOn;
-        $scope.iconOff = $attr.iconOff;
-        tabsCtrl.add($scope);
-
       }
     }
   };
@@ -1061,7 +1059,7 @@ angular.module('ionic.ui.tabs', ['ngAnimate'])
     transclude: true,
     replace: true,
     scope: true,
-    template: '<div class="tabs tabs-primary">' + 
+    template: '<div class="tabs tabs-icon-top tabs-primary">' + 
       '<tab-controller-item title="{{controller.title}}" icon="{{controller.icon}}" icon-on="{{controller.iconOn}}" icon-off="{{controller.iconOff}}" active="controller.isVisible" index="$index" ng-repeat="controller in controllers"></tab-controller-item>' + 
     '</div>'
   };
diff --git a/js/ext/angular/src/directive/ionicTabBar.js b/js/ext/angular/src/directive/ionicTabBar.js
index 1b8dfbd59c..a45c6a0614 100644
--- a/js/ext/angular/src/directive/ionicTabBar.js
+++ b/js/ext/angular/src/directive/ionicTabBar.js
@@ -80,6 +80,11 @@ angular.module('ionic.ui.tabs', ['ngAnimate'])
       return function($scope, $element, $attr, tabsCtrl) {
         var childScope, childElement;
 
+        $scope.title = $attr.title;
+        $scope.icon = $attr.icon;
+        $scope.iconOn = $attr.iconOn;
+        $scope.iconOff = $attr.iconOff;
+        tabsCtrl.add($scope);
         
         $scope.$watch('isVisible', function(value) {
           if(childElement) {
@@ -99,13 +104,6 @@ angular.module('ionic.ui.tabs', ['ngAnimate'])
             });
           }
         });
-
-        $scope.title = $attr.title;
-        $scope.icon = $attr.icon;
-        $scope.iconOn = $attr.iconOn;
-        $scope.iconOff = $attr.iconOff;
-        tabsCtrl.add($scope);
-
       }
     }
   };
@@ -119,7 +117,7 @@ angular.module('ionic.ui.tabs', ['ngAnimate'])
     transclude: true,
     replace: true,
     scope: true,
-    template: '<div class="tabs tabs-primary">' + 
+    template: '<div class="tabs tabs-icon-top tabs-primary">' + 
       '<tab-controller-item title="{{controller.title}}" icon="{{controller.icon}}" icon-on="{{controller.iconOn}}" icon-off="{{controller.iconOff}}" active="controller.isVisible" index="$index" ng-repeat="controller in controllers"></tab-controller-item>' + 
     '</div>'
   };
diff --git a/js/ext/angular/test/tabs.html b/js/ext/angular/test/tabs.html
index b25239cf96..c35da23574 100644
--- a/js/ext/angular/test/tabs.html
+++ b/js/ext/angular/test/tabs.html
@@ -74,7 +74,7 @@
         </content>
       </tab>
 
-      <tab title="About" icon="icon-ios7-clock" icon-off="icon-ios7-clock-outline">
+      <tab title="About" icon-on="icon-ios7-clock" icon-off="icon-ios7-clock-outline">
         <header class="bar bar-header bar-secondary">
           <h1 class="title">Deadlines</h1>
         </header>