diff --git a/js/ext/angular/src/directive/ionicTabBar.js b/js/ext/angular/src/directive/ionicTabBar.js
index 64904c8674..511540f289 100644
--- a/js/ext/angular/src/directive/ionicTabBar.js
+++ b/js/ext/angular/src/directive/ionicTabBar.js
@@ -345,7 +345,7 @@ function($rootScope, $animate, $ionicBind, $compile, $ionicViewService) {
     replace: true,
     require: ['^ionTabs', '^ionTab'],
     template:
-    '<a ng-class="{active: isTabActive(), \'has-badge\':badge}" ' +
+    '<a ng-class="{\'tab-item-active\': isTabActive(), \'has-badge\':badge}" ' +
       ' class="tab-item">' +
       '<span class="badge {{badgeStyle}}" ng-if="badge">{{badge}}</span>' +
       '<i class="icon {{getIconOn()}}" ng-if="getIconOn() && isTabActive()"></i>' +
diff --git a/scss/_tabs.scss b/scss/_tabs.scss
index 98f9cabe52..0c31de8c3c 100644
--- a/scss/_tabs.scss
+++ b/scss/_tabs.scss
@@ -181,7 +181,7 @@
 /* Navigational tab */
 
 /* Active state for tab */
-.tab-item.active {
+.tab-item.tab-item-active {
   opacity: 1;
 
   &.tab-item-light {