diff --git a/src/components/tabs/tabs.ios.scss b/src/components/tabs/tabs.ios.scss
index d4a1592d54..b22d411084 100644
--- a/src/components/tabs/tabs.ios.scss
+++ b/src/components/tabs/tabs.ios.scss
@@ -100,7 +100,7 @@ ion-tabs[tabsPlacement=top] ion-tabbar {
 
 [tabsLayout=icon-hide] .tab-button,
 .tab-button.has-title-only {
-  min-height: $tabs-ios-height - 8;
+  min-height: $tabs-ios-tab-min-height - 8;
 
   .tab-button-text {
     margin: 2px 0;
@@ -112,7 +112,7 @@ ion-tabs[tabsPlacement=top] ion-tabbar {
 
 [tabsLayout=title-hide] .tab-button,
 .tab-button.icon-only {
-  min-height: $tabs-ios-height - 8;
+  min-height: $tabs-ios-tab-min-height - 8;
 }
 
 &.hairlines ion-tabs {
diff --git a/src/components/tabs/tabs.wp.scss b/src/components/tabs/tabs.wp.scss
index d477ae50e8..92eac0f078 100644
--- a/src/components/tabs/tabs.wp.scss
+++ b/src/components/tabs/tabs.wp.scss
@@ -13,12 +13,6 @@ $tabs-wp-tab-padding:                   12px 10px 5px 10px !default;
 // Min height of the tab button
 $tabs-wp-tab-min-height:                4.8rem !default;
 
-// Border on the inactive tab button (border-top when [tabsPlacement=bottom] and border-bottom when [tabsPlacement=top])
-$tabs-wp-tab-border:                    2px solid transparent !default;
-
-// Border color on the active tab button (border-top when [tabsPlacement=bottom] and border-bottom when [tabsPlacement=top])
-$tabs-wp-tab-border-color-active:       $tabs-wp-tab-color-active !default;
-
 // Font size of the tab button text
 $tabs-wp-tab-font-size:                 1.2rem !default;
 
@@ -29,11 +23,17 @@ $tabs-wp-tab-font-weight:               normal !default;
 $tabs-wp-tab-opacity:                   .7 !default;
 
 // Text color of the inactive tab button
-$tabs-wp-tab-color:                     rgba($toolbar-wp-color, $tabs-wp-tab-opacity) !default;
+$tabs-wp-tab-color:                     rgba($toolbar-wp-inactive-color, $tabs-wp-tab-opacity) !default;
 
 // Text color of the active tab button
 $tabs-wp-tab-color-active:              $toolbar-wp-active-color !default;
 
+// Border on the inactive tab button (border-top when [tabsPlacement=bottom] and border-bottom when [tabsPlacement=top])
+$tabs-wp-tab-border:                    2px solid transparent !default;
+
+// Border color on the active tab button (border-top when [tabsPlacement=bottom] and border-bottom when [tabsPlacement=top])
+$tabs-wp-tab-border-color-active:       $tabs-wp-tab-color-active !default;
+
 // Background of the tab button when pressed
 $tabs-wp-tab-background-activated:      rgba(0, 0, 0, .1) !default;