@syncfusion/ej2-angular-navigations 20.4.53 → 21.1.35-ngcc

package/styles/tab/bootstrap4.css

@@ -484,7 +484,7 @@
 .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
 .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
   line-height: 38px;
-  top: 0.5px;
+  top: 0;
 }
 .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
 .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon,
@@ -1908,6 +1908,10 @@
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-items {
   height: inherit;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  -ms-flex-align: normal;
+      align-items: normal;
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-items.e-vscroll:not(.e-scroll-device) {
   padding: 16px 0;
@@ -3173,7 +3177,7 @@
 .e-tab .e-tab-header .e-scroll-nav:focus .e-nav-arrow,
 .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow {
   background: #6c757d;
-  color: #fff;
+  color: #212529;
   border: 0;
 }
 .e-tab .e-tab-header .e-scroll-nav:focus .e-nav-arrow:hover,
@@ -3185,7 +3189,7 @@
 .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:active {
   background: #6c757d;
   border-color: unset;
-  color: #fff;
+  color: #212529;
 }
 .e-tab .e-tab-header .e-scroll-nav:active,
 .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active {
@@ -3238,7 +3242,7 @@
   background: #6c757d;
   border: 0;
   border-radius: 4px;
-  color: #fff;
+  color: #212529;
 }
 .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover,
 .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover,
@@ -3253,7 +3257,7 @@
 .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon:active,
 .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon:active {
   background: #5a6268;
-  color: #fff;
+  color: #212529;
   border: 0;
   border-radius: 4px;
   box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
@@ -3406,7 +3410,7 @@
 }
 .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon:active,
 .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon:active {
-  color: #fff;
+  color: #212529;
 }
 .e-tab .e-tab-header.e-vertical .e-hor-nav:hover .e-popup-up-icon,
 .e-tab .e-tab-header.e-vertical .e-hor-nav:hover .e-popup-down-icon {
@@ -3424,11 +3428,11 @@
   color: #0056b3;
 }
 .e-tab.e-focused > .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
-  color: #fff;
+  color: #212529;
 }
 .e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
 .e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
-  color: #fff;
+  color: #212529;
   background: #6c757d;
   border: 0;
 }
@@ -4011,7 +4015,6 @@
   background: inherit;
   color: #000;
   font-size: 12px;
-  line-height: 18px;
 }
 
 .e-tab-clone-element {

package/styles/tab/bootstrap4.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/bootstrap4-definition.scss';
-@import '../toolbar/bootstrap4-definition.scss';
-@import 'bootstrap4-definition.scss';
-@import 'icons/bootstrap4.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/tab/bootstrap4.scss';

package/styles/tab/bootstrap5-dark.css

@@ -482,7 +482,7 @@
 .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
 .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
   line-height: 38px;
-  top: 0.5px;
+  top: 0;
 }
 .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
 .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon,
@@ -1221,7 +1221,7 @@
   color: unset;
   content: unset;
   display: unset;
-  font-weight: unset;
+  font-weight: 400;
   height: unset;
   overflow: unset;
   visibility: unset;
@@ -1819,7 +1819,7 @@
   color: unset;
   content: unset;
   display: unset;
-  font-weight: unset;
+  font-weight: 400;
   height: unset;
   overflow: unset;
   visibility: unset;
@@ -1906,6 +1906,10 @@
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-items {
   height: inherit;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  -ms-flex-align: normal;
+      align-items: normal;
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-items.e-vscroll:not(.e-scroll-device) {
   padding: 16px 0;
@@ -1978,7 +1982,7 @@
   color: unset;
   content: unset;
   display: unset;
-  font-weight: unset;
+  font-weight: 400;
   height: unset;
   overflow: unset;
   visibility: unset;
@@ -2018,7 +2022,7 @@
   color: unset;
   content: unset;
   display: unset;
-  font-weight: unset;
+  font-weight: 400;
   height: unset;
   overflow: unset;
   visibility: unset;
@@ -3279,7 +3283,7 @@
 }
 .e-tab .e-tab-header .e-hor-nav.e-nav-active .e-icons,
 .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active .e-icons {
-  color: #fff;
+  color: #ced4da;
 }
 .e-tab .e-tab-header .e-hor-nav.e-nav-active:focus,
 .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active:focus {
@@ -3387,7 +3391,7 @@
 .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon:hover {
   background: inherit;
   border: 0;
-  color: #212529;
+  color: #0a58ca;
 }
 .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon,
 .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon {
@@ -4009,7 +4013,6 @@
   background: inherit;
   color: #fff;
   font-size: 12px;
-  line-height: 18px;
 }
 
 .e-tab-clone-element {

package/styles/tab/bootstrap5-dark.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
-@import '../toolbar/bootstrap5-dark-definition.scss';
-@import 'bootstrap5-dark-definition.scss';
-@import 'icons/bootstrap5-dark.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/tab/bootstrap5-dark.scss';

package/styles/tab/bootstrap5.css

@@ -482,7 +482,7 @@
 .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
 .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
   line-height: 38px;
-  top: 0.5px;
+  top: 0;
 }
 .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
 .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon,
@@ -1221,7 +1221,7 @@
   color: unset;
   content: unset;
   display: unset;
-  font-weight: unset;
+  font-weight: 400;
   height: unset;
   overflow: unset;
   visibility: unset;
@@ -1819,7 +1819,7 @@
   color: unset;
   content: unset;
   display: unset;
-  font-weight: unset;
+  font-weight: 400;
   height: unset;
   overflow: unset;
   visibility: unset;
@@ -1906,6 +1906,10 @@
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-items {
   height: inherit;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  -ms-flex-align: normal;
+      align-items: normal;
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-items.e-vscroll:not(.e-scroll-device) {
   padding: 16px 0;
@@ -1978,7 +1982,7 @@
   color: unset;
   content: unset;
   display: unset;
-  font-weight: unset;
+  font-weight: 400;
   height: unset;
   overflow: unset;
   visibility: unset;
@@ -2018,7 +2022,7 @@
   color: unset;
   content: unset;
   display: unset;
-  font-weight: unset;
+  font-weight: 400;
   height: unset;
   overflow: unset;
   visibility: unset;
@@ -3279,7 +3283,7 @@
 }
 .e-tab .e-tab-header .e-hor-nav.e-nav-active .e-icons,
 .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active .e-icons {
-  color: #fff;
+  color: #495057;
 }
 .e-tab .e-tab-header .e-hor-nav.e-nav-active:focus,
 .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active:focus {
@@ -3387,7 +3391,7 @@
 .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon:hover {
   background: inherit;
   border: 0;
-  color: #212529;
+  color: #0a58ca;
 }
 .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon,
 .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon {
@@ -4009,7 +4013,6 @@
   background: inherit;
   color: #212529;
   font-size: 12px;
-  line-height: 18px;
 }
 
 .e-tab-clone-element {

package/styles/tab/bootstrap5.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/bootstrap5-definition.scss';
-@import '../toolbar/bootstrap5-definition.scss';
-@import 'bootstrap5-definition.scss';
-@import 'icons/bootstrap5.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/tab/bootstrap5.scss';

package/styles/tab/fabric-dark.css

@@ -1733,7 +1733,7 @@
   font-size: 12px;
   line-height: 24px;
   position: relative;
-  top: -1px;
+  top: 0;
   vertical-align: initial;
 }
 @media screen and (max-width: 480px) {
@@ -1749,7 +1749,7 @@
 .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
 .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
   line-height: 24px;
-  top: -1px;
+  top: 0;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
@@ -1784,7 +1784,7 @@
 .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
 .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
   line-height: 24px;
-  top: -1px;
+  top: 0;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
@@ -1905,6 +1905,10 @@
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-items {
   height: inherit;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  -ms-flex-align: normal;
+      align-items: normal;
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-items.e-vscroll:not(.e-scroll-device) {
   padding: 16px 0;
@@ -4008,7 +4012,6 @@
   background: inherit;
   color: #dadada;
   font-size: 14px;
-  line-height: 18px;
 }
 
 .e-tab-clone-element {

package/styles/tab/fabric-dark.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/fabric-dark-definition.scss';
-@import '../toolbar/fabric-dark-definition.scss';
-@import 'fabric-dark-definition.scss';
-@import 'icons/fabric-dark.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/tab/fabric-dark.scss';

package/styles/tab/fabric.css

@@ -1738,7 +1738,7 @@
   font-size: 12px;
   line-height: 24px;
   position: relative;
-  top: -1px;
+  top: 0;
   vertical-align: initial;
 }
 @media screen and (max-width: 480px) {
@@ -1754,7 +1754,7 @@
 .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
 .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
   line-height: 24px;
-  top: -1px;
+  top: 0;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
@@ -1789,7 +1789,7 @@
 .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
 .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
   line-height: 24px;
-  top: -1px;
+  top: 0;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
@@ -1910,6 +1910,10 @@
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-items {
   height: inherit;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  -ms-flex-align: normal;
+      align-items: normal;
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-items.e-vscroll:not(.e-scroll-device) {
   padding: 16px 0;
@@ -4013,7 +4017,6 @@
   background: inherit;
   color: #333;
   font-size: 14px;
-  line-height: 18px;
 }
 
 .e-tab-clone-element {

package/styles/tab/fabric.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/fabric-definition.scss';
-@import '../toolbar/fabric-definition.scss';
-@import 'fabric-definition.scss';
-@import 'icons/fabric.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/tab/fabric.scss';

package/styles/tab/fluent-dark.css

@@ -1223,7 +1223,7 @@
   color: transparent;
   content: attr(data-content);
   display: block;
-  font-weight: bold;
+  font-weight: 700;
   height: 1px;
   overflow: hidden;
   visibility: hidden;
@@ -1821,7 +1821,7 @@
   color: transparent;
   content: attr(data-content);
   display: block;
-  font-weight: bold;
+  font-weight: 700;
   height: 1px;
   overflow: hidden;
   visibility: hidden;
@@ -1908,6 +1908,10 @@
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-items {
   height: inherit;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  -ms-flex-align: normal;
+      align-items: normal;
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-items.e-vscroll:not(.e-scroll-device) {
   padding: 16px 0;
@@ -1980,7 +1984,7 @@
   color: transparent;
   content: attr(data-content);
   display: block;
-  font-weight: bold;
+  font-weight: 700;
   height: 1px;
   overflow: hidden;
   visibility: hidden;
@@ -2020,7 +2024,7 @@
   color: transparent;
   content: attr(data-content);
   display: block;
-  font-weight: bold;
+  font-weight: 700;
   height: 1px;
   overflow: hidden;
   visibility: hidden;
@@ -4011,7 +4015,6 @@
   background: inherit;
   color: #f3f2f1;
   font-size: 12px;
-  line-height: 18px;
 }
 
 .e-tab-clone-element {

package/styles/tab/fluent-dark.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/fluent-dark-definition.scss';
-@import '../toolbar/fluent-dark-definition.scss';
-@import 'fluent-dark-definition.scss';
-@import 'icons/fluent-dark.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/tab/fluent-dark.scss';

package/styles/tab/fluent.css

@@ -1223,7 +1223,7 @@
   color: transparent;
   content: attr(data-content);
   display: block;
-  font-weight: bold;
+  font-weight: 700;
   height: 1px;
   overflow: hidden;
   visibility: hidden;
@@ -1821,7 +1821,7 @@
   color: transparent;
   content: attr(data-content);
   display: block;
-  font-weight: bold;
+  font-weight: 700;
   height: 1px;
   overflow: hidden;
   visibility: hidden;
@@ -1908,6 +1908,10 @@
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-items {
   height: inherit;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  -ms-flex-align: normal;
+      align-items: normal;
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-items.e-vscroll:not(.e-scroll-device) {
   padding: 16px 0;
@@ -1980,7 +1984,7 @@
   color: transparent;
   content: attr(data-content);
   display: block;
-  font-weight: bold;
+  font-weight: 700;
   height: 1px;
   overflow: hidden;
   visibility: hidden;
@@ -2020,7 +2024,7 @@
   color: transparent;
   content: attr(data-content);
   display: block;
-  font-weight: bold;
+  font-weight: 700;
   height: 1px;
   overflow: hidden;
   visibility: hidden;
@@ -4011,7 +4015,6 @@
   background: inherit;
   color: #201f1e;
   font-size: 12px;
-  line-height: 18px;
 }
 
 .e-tab-clone-element {

package/styles/tab/fluent.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/fluent-definition.scss';
-@import '../toolbar/fluent-definition.scss';
-@import 'fluent-definition.scss';
-@import 'icons/fluent.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/tab/fluent.scss';

package/styles/tab/highcontrast-light.css

@@ -453,7 +453,7 @@
 .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon::before {
   font-size: 14px;
   line-height: 32px;
-  top: -2px;
+  top: 0;
   vertical-align: initial;
 }
 @media screen and (max-width: 480px) {
@@ -475,7 +475,7 @@
 .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
 .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
   line-height: 32px;
-  top: -2px;
+  top: 0;
 }
 .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
 .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon,
@@ -488,7 +488,7 @@
 .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
 .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
   line-height: 32px;
-  top: -2px;
+  top: 0;
 }
 .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover,
 .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover,
@@ -1727,7 +1727,7 @@
   font-size: 12px;
   line-height: 24px;
   position: relative;
-  top: -2px;
+  top: 0;
   vertical-align: initial;
 }
 @media screen and (max-width: 480px) {
@@ -1743,7 +1743,7 @@
 .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
 .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
   line-height: 24px;
-  top: -2px;
+  top: 0;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
@@ -1778,7 +1778,7 @@
 .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
 .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
   line-height: 24px;
-  top: -2px;
+  top: 0;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
@@ -1899,6 +1899,10 @@
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-items {
   height: inherit;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  -ms-flex-align: normal;
+      align-items: normal;
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-items.e-vscroll:not(.e-scroll-device) {
   padding: 16px 0;
@@ -4002,7 +4006,6 @@
   background: inherit;
   color: #000;
   font-size: 12px;
-  line-height: 18px;
 }
 
 .e-tab-clone-element {

package/styles/tab/highcontrast-light.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/highcontrast-light-definition.scss';
-@import '../toolbar/highcontrast-light-definition.scss';
-@import 'highcontrast-light-definition.scss';
-@import 'icons/highcontrast-light.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/tab/highcontrast-light.scss';

package/styles/tab/highcontrast.css

@@ -464,7 +464,7 @@
 .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon::before {
   font-size: 14px;
   line-height: 32px;
-  top: -2px;
+  top: 0;
   vertical-align: initial;
 }
 @media screen and (max-width: 480px) {
@@ -486,7 +486,7 @@
 .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
 .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
   line-height: 32px;
-  top: -2px;
+  top: 0;
 }
 .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
 .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon,
@@ -499,7 +499,7 @@
 .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
 .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
   line-height: 32px;
-  top: -2px;
+  top: 0;
 }
 .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover,
 .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover,
@@ -1738,7 +1738,7 @@
   font-size: 12px;
   line-height: 24px;
   position: relative;
-  top: -2px;
+  top: 0;
   vertical-align: initial;
 }
 @media screen and (max-width: 480px) {
@@ -1754,7 +1754,7 @@
 .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
 .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
   line-height: 24px;
-  top: -2px;
+  top: 0;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
@@ -1789,7 +1789,7 @@
 .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
 .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
   line-height: 24px;
-  top: -2px;
+  top: 0;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
@@ -1910,6 +1910,10 @@
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-items {
   height: inherit;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  -ms-flex-align: normal;
+      align-items: normal;
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-items.e-vscroll:not(.e-scroll-device) {
   padding: 16px 0;
@@ -4013,7 +4017,6 @@
   background: inherit;
   color: #fff;
   font-size: 12px;
-  line-height: 18px;
 }
 
 .e-tab-clone-element {

package/styles/tab/highcontrast.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/highcontrast-definition.scss';
-@import '../toolbar/highcontrast-definition.scss';
-@import 'highcontrast-definition.scss';
-@import 'icons/highcontrast.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/tab/highcontrast.scss';

package/styles/tab/material-dark.css

@@ -1927,6 +1927,10 @@
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-items {
   height: inherit;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  -ms-flex-align: normal;
+      align-items: normal;
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-items.e-vscroll:not(.e-scroll-device) {
   padding: 16px 0;
@@ -4030,7 +4034,6 @@
   background: inherit;
   color: rgba(255, 255, 255, 0.7);
   font-size: 12px;
-  line-height: 18px;
 }
 
 .e-tab-clone-element {

package/styles/tab/material-dark.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/material-dark-definition.scss';
-@import '../toolbar/material-dark-definition.scss';
-@import 'material-dark-definition.scss';
-@import 'icons/material-dark.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/tab/material-dark.scss';