diff --git a/src/components/tabs/test/tab-bar-icons/main.html b/src/components/tabs/test/tab-bar-icons/main.html
index 958b07a8b1..331c5d717d 100644
--- a/src/components/tabs/test/tab-bar-icons/main.html
+++ b/src/components/tabs/test/tab-bar-icons/main.html
@@ -4,7 +4,7 @@
   <h6>Icon Top of Text (Default)</h6>
   <div class="toolbar tab-bar toolbar-ios toolbar-bottom">
     <div class="tab-bar-container">
-      <a class="tab-bar-item active">
+      <a class="tab-bar-item tab-active">
         <icon class="tab-bar-item-icon ion-home"></icon>
         <span class="tab-bar-item-text">Home</span>
       </a>
@@ -22,7 +22,7 @@
   <h6>Icon Bottom of Text</h6>
   <div class="toolbar tab-bar toolbar-ios toolbar-bottom">
     <div class="tab-bar-container tab-bar-icon-bottom">
-      <a class="tab-bar-item active">
+      <a class="tab-bar-item tab-active">
         <icon class="tab-bar-item-icon ion-home"></icon>
         <span class="tab-bar-item-text">Home</span>
       </a>
@@ -40,7 +40,7 @@
   <h6>Icon Left of Text</h6>
   <div class="toolbar tab-bar toolbar-ios toolbar-bottom">
     <div class="tab-bar-container tab-bar-icon-left">
-      <a class="tab-bar-item active">
+      <a class="tab-bar-item tab-active">
         <icon class="tab-bar-item-icon ion-home"></icon>
         <span class="tab-bar-item-text">Home</span>
       </a>
@@ -58,7 +58,7 @@
   <h6>Icon Right of Text</h6>
   <div class="toolbar tab-bar toolbar-ios toolbar-bottom">
     <div class="tab-bar-container tab-bar-icon-right">
-      <a class="tab-bar-item active">
+      <a class="tab-bar-item tab-active">
         <icon class="tab-bar-item-icon ion-home"></icon>
         <span class="tab-bar-item-text">Home</span>
       </a>
@@ -76,7 +76,7 @@
   <h6>Icon Only</h6>
   <div class="toolbar tab-bar toolbar-ios toolbar-bottom">
     <div class="tab-bar-container tab-bar-icon-only">
-      <a class="tab-bar-item active">
+      <a class="tab-bar-item tab-active">
         <icon class="tab-bar-item-icon ion-home"></icon>
         <span class="tab-bar-item-text">Home</span>
       </a>
@@ -94,7 +94,7 @@
   <h6>Text Only</h6>
   <div class="toolbar tab-bar toolbar-ios toolbar-bottom">
     <div class="tab-bar-container tab-bar-text-only">
-      <a class="tab-bar-item active">
+      <a class="tab-bar-item tab-active">
         <icon class="tab-bar-item-icon ion-home"></icon>
         <span class="tab-bar-item-text">Home</span>
       </a>