fix badge positioning

Author: OS-jacobbell

core/src/components/tab-button/tab-button.ionic.scss

@@ -149,33 +149,20 @@
   @include globals.position(calc(50% + 14px));
 }
 
-/*
- * When the icon has a top margin (icon-top layout with both icon and
- * label), shift the badges down by the same amount so they stay anchored
- * to the icon visually rather than to the tab-button's outer box.
- */
-:host(.tab-layout-icon-top.tab-has-icon.tab-has-label) ::slotted(ion-badge) {
-  top: calc(globals.$ion-scale-100 * -1);
-}
-
-:host(.tab-layout-icon-top.tab-has-icon.tab-has-label) ::slotted(ion-badge:empty) {
-  top: 0;
-}
-
 :host(.tab-layout-icon-top.tab-has-icon.tab-has-label) ::slotted(ion-badge.badge-vertical-top) {
   top: 2px;
 }
 
-:host(.tab-layout-icon-top.tab-has-icon.tab-has-label) ::slotted(ion-badge.badge-vertical-top:empty) {
-  top: 0;
+:host(.tab-layout-icon-top.tab-has-icon.tab-has-label) ::slotted(ion-badge.badge-vertical-bottom) {
+  @include globals.position(calc(50% - globals.$ion-scale-150));
 }
 
-:host(.tab-layout-icon-top.tab-has-icon.tab-has-label) ::slotted(ion-badge.badge-vertical-bottom) {
-  top: calc(50% - globals.$ion-space-100);
+:host(.tab-layout-icon-top.tab-has-icon.tab-has-label) ::slotted(ion-badge.badge-vertical-top:empty) {
+  top: 0;
 }
 
 :host(.tab-layout-icon-top.tab-has-icon.tab-has-label) ::slotted(ion-badge.badge-vertical-bottom:empty) {
-  top: 50%;
+  @include globals.position(calc(50% - globals.$ion-scale-100/2));
 }
 
 /*