@syncfusion/ej2-navigations 28.2.5 → 28.2.11

package/styles/fluent2-lite.css

@@ -1749,24 +1749,15 @@
   border-color: var(--color-sf-icon-color);
   border-style: solid;
   border-width: 0;
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
+          box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:focus .e-icons {
   color: var(--color-sf-toolbar-icon-color);
+  color: var(--color-sf-icon-color);
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:focus .e-tbar-btn-text {
   color: var(--color-sf-toolbar-icon-color);
-}
-.e-toolbar .e-toolbar-item .e-tbar-btn:focus-visible {
-  background: var(--color-sf-content-bg-color-alt1);
-  -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
-          box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
-}
-.e-toolbar .e-toolbar-item .e-tbar-btn:focus-visible .e-icons {
-  color: var(--color-sf-icon-color);
-}
-.e-toolbar .e-toolbar-item .e-tbar-btn:focus-visible .e-tbar-btn-text {
   color: var(--color-sf-content-text-color);
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:hover {
@@ -1937,18 +1928,13 @@
   border-color: var(--color-sf-icon-color);
   border-style: solid;
   border-width: 0;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
-.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:focus-visible {
-  background: var(--color-sf-flyout-bg-color-focus);
   -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
           box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
 }
-.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:focus-visible .e-icons {
+.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:focus .e-icons {
   color: var(--color-sf-icon-color-hover);
 }
-.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:focus-visible .e-tbar-btn-text {
+.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:focus .e-tbar-btn-text {
   color: var(--color-sf-flyout-text-color-focus);
 }
 .e-toolbar .e-toolbar-pop .e-toolbar-item .e-btn:focus {
@@ -1969,18 +1955,13 @@
   border-color: var(--color-sf-icon-color);
   border-style: solid;
   border-width: 0;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus-visible {
-  background: var(--color-sf-content-bg-color-alt1);
   -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
           box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
 }
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus-visible .e-icons {
+.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus .e-icons {
   color: var(--color-sf-icon-color);
 }
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus-visible .e-tbar-btn-text {
+.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus .e-tbar-btn-text {
   color: var(--color-sf-content-text-color);
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover {

package/styles/fluent2.css

@@ -2030,24 +2030,15 @@
   border-color: var(--color-sf-icon-color);
   border-style: solid;
   border-width: 0;
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
+          box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:focus .e-icons {
   color: var(--color-sf-toolbar-icon-color);
+  color: var(--color-sf-icon-color);
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:focus .e-tbar-btn-text {
   color: var(--color-sf-toolbar-icon-color);
-}
-.e-toolbar .e-toolbar-item .e-tbar-btn:focus-visible {
-  background: var(--color-sf-content-bg-color-alt1);
-  -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
-          box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
-}
-.e-toolbar .e-toolbar-item .e-tbar-btn:focus-visible .e-icons {
-  color: var(--color-sf-icon-color);
-}
-.e-toolbar .e-toolbar-item .e-tbar-btn:focus-visible .e-tbar-btn-text {
   color: var(--color-sf-content-text-color);
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:hover {
@@ -2218,18 +2209,13 @@
   border-color: var(--color-sf-icon-color);
   border-style: solid;
   border-width: 0;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
-.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:focus-visible {
-  background: var(--color-sf-flyout-bg-color-focus);
   -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
           box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
 }
-.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:focus-visible .e-icons {
+.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:focus .e-icons {
   color: var(--color-sf-icon-color-hover);
 }
-.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:focus-visible .e-tbar-btn-text {
+.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:focus .e-tbar-btn-text {
   color: var(--color-sf-flyout-text-color-focus);
 }
 .e-toolbar .e-toolbar-pop .e-toolbar-item .e-btn:focus {
@@ -2250,18 +2236,13 @@
   border-color: var(--color-sf-icon-color);
   border-style: solid;
   border-width: 0;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus-visible {
-  background: var(--color-sf-content-bg-color-alt1);
   -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
           box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
 }
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus-visible .e-icons {
+.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus .e-icons {
   color: var(--color-sf-icon-color);
 }
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus-visible .e-tbar-btn-text {
+.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus .e-tbar-btn-text {
   color: var(--color-sf-content-text-color);
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover {

package/styles/material3-dark-lite.css

@@ -3397,10 +3397,10 @@
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
-  height: 24px;
-  min-width: 24px;
-  width: 24px;
-  line-height: 24px;
+  height: 20px;
+  min-width: 20px;
+  width: 20px;
+  line-height: 1;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon {
@@ -3410,7 +3410,7 @@
 }
 .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
 .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
-  font-size: 14px;
+  font-size: 16px;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
@@ -4821,10 +4821,10 @@
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
-  height: 24px;
-  min-width: 24px;
-  width: 24px;
-  line-height: 24px;
+  height: 20px;
+  min-width: 20px;
+  width: 20px;
+  line-height: 1;
 }
 @media screen and (max-width: 480px) {
   .e-tab-clone-element .e-icons.e-tab-icon {
@@ -4834,7 +4834,7 @@
 }
 .e-tab-clone-element .e-tab-icon,
 .e-tab-clone-element .e-tab-icon::before {
-  font-size: 14px;
+  font-size: 16px;
 }
 @media screen and (max-width: 480px) {
   .e-tab-clone-element .e-tab-icon,

package/styles/material3-dark.css

@@ -4100,10 +4100,10 @@
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
-  height: 24px;
-  min-width: 24px;
-  width: 24px;
-  line-height: 24px;
+  height: 20px;
+  min-width: 20px;
+  width: 20px;
+  line-height: 1;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon {
@@ -4113,7 +4113,7 @@
 }
 .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
 .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
-  font-size: 14px;
+  font-size: 16px;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
@@ -5524,10 +5524,10 @@
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
-  height: 24px;
-  min-width: 24px;
-  width: 24px;
-  line-height: 24px;
+  height: 20px;
+  min-width: 20px;
+  width: 20px;
+  line-height: 1;
 }
 @media screen and (max-width: 480px) {
   .e-tab-clone-element .e-icons.e-tab-icon {
@@ -5537,7 +5537,7 @@
 }
 .e-tab-clone-element .e-tab-icon,
 .e-tab-clone-element .e-tab-icon::before {
-  font-size: 14px;
+  font-size: 16px;
 }
 @media screen and (max-width: 480px) {
   .e-tab-clone-element .e-tab-icon,

package/styles/material3-lite.css

@@ -3399,10 +3399,10 @@
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
-  height: 24px;
-  min-width: 24px;
-  width: 24px;
-  line-height: 24px;
+  height: 20px;
+  min-width: 20px;
+  width: 20px;
+  line-height: 1;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon {
@@ -3412,7 +3412,7 @@
 }
 .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
 .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
-  font-size: 14px;
+  font-size: 16px;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
@@ -4823,10 +4823,10 @@
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
-  height: 24px;
-  min-width: 24px;
-  width: 24px;
-  line-height: 24px;
+  height: 20px;
+  min-width: 20px;
+  width: 20px;
+  line-height: 1;
 }
 @media screen and (max-width: 480px) {
   .e-tab-clone-element .e-icons.e-tab-icon {
@@ -4836,7 +4836,7 @@
 }
 .e-tab-clone-element .e-tab-icon,
 .e-tab-clone-element .e-tab-icon::before {
-  font-size: 14px;
+  font-size: 16px;
 }
 @media screen and (max-width: 480px) {
   .e-tab-clone-element .e-tab-icon,

package/styles/material3.css

@@ -4102,10 +4102,10 @@
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
-  height: 24px;
-  min-width: 24px;
-  width: 24px;
-  line-height: 24px;
+  height: 20px;
+  min-width: 20px;
+  width: 20px;
+  line-height: 1;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon {
@@ -4115,7 +4115,7 @@
 }
 .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
 .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
-  font-size: 14px;
+  font-size: 16px;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
@@ -5526,10 +5526,10 @@
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
-  height: 24px;
-  min-width: 24px;
-  width: 24px;
-  line-height: 24px;
+  height: 20px;
+  min-width: 20px;
+  width: 20px;
+  line-height: 1;
 }
 @media screen and (max-width: 480px) {
   .e-tab-clone-element .e-icons.e-tab-icon {
@@ -5539,7 +5539,7 @@
 }
 .e-tab-clone-element .e-tab-icon,
 .e-tab-clone-element .e-tab-icon::before {
-  font-size: 14px;
+  font-size: 16px;
 }
 @media screen and (max-width: 480px) {
   .e-tab-clone-element .e-tab-icon,

package/styles/tab/_bootstrap4-definition.scss

@@ -233,7 +233,7 @@ $tab-nrml-nav-icon-size: 10px !default;
 $tab-mob-nav-icon-size: 16px !default;
 $tab-mob-nav-vicon-size: 12px !default;
 $tab-big-icon-size: 16px !default;
-$tab-nrml-icon-size: 14px !default;
+$tab-nrml-icon-size: 16px !default;
 $tab-mob-icon-size: 20px !default;
 $tab-big-icon-container-size: 24px !default;
 $tab-nrml-icon-container-size: 20px !default;
@@ -367,7 +367,7 @@ $tab-bgr-item-text-margin-bottom: 0 !default;
 $tab-nrml-hscroll-items-nav-width: 32px !default;
 $tab-nrml-hscroll-items-bdr-radius: 4px !default;
 $tab-nrml-item-text-wrap-height: $tab-nrml-height !default;
-$tab-nrml-item-tabicon-line-height: $tab-nrml-icon-container-size !default;
+$tab-nrml-item-tabicon-line-height: 1 !default;
 $tab-nrml-pop-item-textwrap-height: $tab-nrml-pop-item-height !default;
 $tab-nrml-scroll-nav-arrow-before-top: 0 !default;
 $tab-nrml-hor-pop-lineheight: 32px !default;

package/styles/tab/_bootstrap5-definition.scss

@@ -184,10 +184,10 @@ $tab-nrml-nav-icon-size: 10px !default;
 $tab-mob-nav-icon-size: 16px !default;
 $tab-mob-nav-vicon-size: 12px !default;
 $tab-big-icon-size: 16px !default;
-$tab-nrml-icon-size: 14px !default;
+$tab-nrml-icon-size: 16px !default;
 $tab-mob-icon-size: 20px !default;
 $tab-big-icon-container-size: 24px !default;
-$tab-nrml-icon-container-size: 24px !default;
+$tab-nrml-icon-container-size: 20px !default;
 $tab-mob-icon-container-size: 20px !default;
 $tab-big-nav-icon-top: 11px !default;
 $tab-nrml-nav-icon-top: 5px !default;
@@ -364,7 +364,7 @@ $tab-bgr-item-text-margin-bottom: 0 !default;
 $tab-nrml-hscroll-items-nav-width: 32px !default;
 $tab-nrml-hscroll-items-bdr-radius: 4px !default;
 $tab-nrml-item-text-wrap-height: $tab-nrml-height !default;
-$tab-nrml-item-tabicon-line-height: $tab-nrml-icon-container-size !default;
+$tab-nrml-item-tabicon-line-height: 1 !default;
 $tab-nrml-pop-item-textwrap-height: $tab-nrml-pop-item-height !default;
 $tab-nrml-scroll-nav-arrow-before-top: 0 !default;
 $tab-nrml-hor-pop-lineheight: 32px !default;

package/styles/tab/_bootstrap5.3-definition.scss

@@ -184,10 +184,10 @@ $tab-nrml-nav-icon-size: 12px !default;
 $tab-mob-nav-icon-size: 16px !default;
 $tab-mob-nav-vicon-size: 12px !default;
 $tab-big-icon-size: 16px !default;
-$tab-nrml-icon-size: 14px !default;
+$tab-nrml-icon-size: 16px !default;
 $tab-mob-icon-size: 20px !default;
 $tab-big-icon-container-size: 24px !default;
-$tab-nrml-icon-container-size: 24px !default;
+$tab-nrml-icon-container-size: 20px !default;
 $tab-mob-icon-container-size: 20px !default;
 $tab-big-nav-icon-top: 11px !default;
 $tab-nrml-nav-icon-top: 5px !default;
@@ -365,7 +365,7 @@ $tab-bgr-item-text-margin-bottom: 0 !default;
 $tab-nrml-hscroll-items-nav-width: 32px !default;
 $tab-nrml-hscroll-items-bdr-radius: 4px !default;
 $tab-nrml-item-text-wrap-height: $tab-nrml-height !default;
-$tab-nrml-item-tabicon-line-height: $tab-nrml-icon-container-size !default;
+$tab-nrml-item-tabicon-line-height: 1 !default;
 $tab-nrml-pop-item-textwrap-height: $tab-nrml-pop-item-height !default;
 $tab-nrml-scroll-nav-arrow-before-top: 0 !default;
 $tab-nrml-hor-pop-lineheight: 32px !default;

package/styles/tab/_material3-definition.scss

@@ -184,10 +184,10 @@ $tab-nrml-nav-icon-size: $text-lg !default;
 $tab-mob-nav-icon-size: $text-xl !default;
 $tab-mob-nav-vicon-size: $text-xl !default;
 $tab-big-icon-size: $text-sm !default;
-$tab-nrml-icon-size: $text-sm !default;
+$tab-nrml-icon-size: 16px !default;
 $tab-mob-icon-size: $text-xl !default;
 $tab-big-icon-container-size: 28px !default;
-$tab-nrml-icon-container-size: 24px !default;
+$tab-nrml-icon-container-size: 20px !default;
 $tab-mob-icon-container-size: 20px !default;
 $tab-big-nav-icon-top: 11px !default;
 $tab-nrml-nav-icon-top: 5px !default;
@@ -364,7 +364,7 @@ $tab-bgr-item-text-margin-bottom: 0 !default;
 $tab-nrml-hscroll-items-nav-width: 40px !default;
 $tab-nrml-hscroll-items-bdr-radius: 4px !default;
 $tab-nrml-item-text-wrap-height: 40px !default;
-$tab-nrml-item-tabicon-line-height: $tab-nrml-icon-container-size !default;
+$tab-nrml-item-tabicon-line-height: 1 !default;
 $tab-nrml-pop-item-textwrap-height: $tab-nrml-pop-item-height !default;
 $tab-nrml-scroll-nav-arrow-before-top: 0 !default;
 $tab-nrml-hor-pop-lineheight: 40px !default;

package/styles/tab/_tailwind3-definition.scss

@@ -184,10 +184,10 @@ $tab-nrml-nav-icon-size: 16px !default;
 $tab-mob-nav-icon-size: 16px !default;
 $tab-mob-nav-vicon-size: 12px !default;
 $tab-big-icon-size: 16px !default;
-$tab-nrml-icon-size: 14px !default;
+$tab-nrml-icon-size: 16px !default;
 $tab-mob-icon-size: 20px !default;
 $tab-big-icon-container-size: 24px !default;
-$tab-nrml-icon-container-size: 24px !default;
+$tab-nrml-icon-container-size: 20px !default;
 $tab-mob-icon-container-size: 20px !default;
 $tab-big-nav-icon-top: 11px !default;
 $tab-nrml-nav-icon-top: 5px !default;
@@ -365,7 +365,7 @@ $tab-bgr-item-text-margin-bottom: 0 !default;
 $tab-nrml-hscroll-items-nav-width: 32px !default;
 $tab-nrml-hscroll-items-bdr-radius: 4px !default;
 $tab-nrml-item-text-wrap-height: $tab-nrml-height !default;
-$tab-nrml-item-tabicon-line-height: $tab-nrml-icon-container-size !default;
+$tab-nrml-item-tabicon-line-height: 1 !default;
 $tab-nrml-pop-item-textwrap-height: $tab-nrml-pop-item-height !default;
 $tab-nrml-scroll-nav-arrow-before-top: 0 !default;
 $tab-nrml-hor-pop-lineheight: 32px !default;

package/styles/tab/bootstrap4.css

@@ -298,7 +298,7 @@
   height: 20px;
   min-width: 20px;
   width: 20px;
-  line-height: 20px;
+  line-height: 1;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon {
@@ -308,7 +308,7 @@
 }
 .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
 .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
-  font-size: 14px;
+  font-size: 16px;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
@@ -1720,7 +1720,7 @@
   height: 20px;
   min-width: 20px;
   width: 20px;
-  line-height: 20px;
+  line-height: 1;
 }
 @media screen and (max-width: 480px) {
   .e-tab-clone-element .e-icons.e-tab-icon {
@@ -1730,7 +1730,7 @@
 }
 .e-tab-clone-element .e-tab-icon,
 .e-tab-clone-element .e-tab-icon::before {
-  font-size: 14px;
+  font-size: 16px;
 }
 @media screen and (max-width: 480px) {
   .e-tab-clone-element .e-tab-icon,

package/styles/tab/bootstrap5-dark.css

@@ -290,10 +290,10 @@
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
-  height: 24px;
-  min-width: 24px;
-  width: 24px;
-  line-height: 24px;
+  height: 20px;
+  min-width: 20px;
+  width: 20px;
+  line-height: 1;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon {
@@ -303,7 +303,7 @@
 }
 .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
 .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
-  font-size: 14px;
+  font-size: 16px;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
@@ -1712,10 +1712,10 @@
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
-  height: 24px;
-  min-width: 24px;
-  width: 24px;
-  line-height: 24px;
+  height: 20px;
+  min-width: 20px;
+  width: 20px;
+  line-height: 1;
 }
 @media screen and (max-width: 480px) {
   .e-tab-clone-element .e-icons.e-tab-icon {
@@ -1725,7 +1725,7 @@
 }
 .e-tab-clone-element .e-tab-icon,
 .e-tab-clone-element .e-tab-icon::before {
-  font-size: 14px;
+  font-size: 16px;
 }
 @media screen and (max-width: 480px) {
   .e-tab-clone-element .e-tab-icon,

package/styles/tab/bootstrap5.3.css

@@ -294,10 +294,10 @@
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
-  height: 24px;
-  min-width: 24px;
-  width: 24px;
-  line-height: 24px;
+  height: 20px;
+  min-width: 20px;
+  width: 20px;
+  line-height: 1;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon {
@@ -307,7 +307,7 @@
 }
 .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
 .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
-  font-size: 14px;
+  font-size: 16px;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
@@ -1716,10 +1716,10 @@
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
-  height: 24px;
-  min-width: 24px;
-  width: 24px;
-  line-height: 24px;
+  height: 20px;
+  min-width: 20px;
+  width: 20px;
+  line-height: 1;
 }
 @media screen and (max-width: 480px) {
   .e-tab-clone-element .e-icons.e-tab-icon {
@@ -1729,7 +1729,7 @@
 }
 .e-tab-clone-element .e-tab-icon,
 .e-tab-clone-element .e-tab-icon::before {
-  font-size: 14px;
+  font-size: 16px;
 }
 @media screen and (max-width: 480px) {
   .e-tab-clone-element .e-tab-icon,

package/styles/tab/bootstrap5.css

@@ -290,10 +290,10 @@
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
-  height: 24px;
-  min-width: 24px;
-  width: 24px;
-  line-height: 24px;
+  height: 20px;
+  min-width: 20px;
+  width: 20px;
+  line-height: 1;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon {
@@ -303,7 +303,7 @@
 }
 .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
 .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
-  font-size: 14px;
+  font-size: 16px;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
@@ -1712,10 +1712,10 @@
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
-  height: 24px;
-  min-width: 24px;
-  width: 24px;
-  line-height: 24px;
+  height: 20px;
+  min-width: 20px;
+  width: 20px;
+  line-height: 1;
 }
 @media screen and (max-width: 480px) {
   .e-tab-clone-element .e-icons.e-tab-icon {
@@ -1725,7 +1725,7 @@
 }
 .e-tab-clone-element .e-tab-icon,
 .e-tab-clone-element .e-tab-icon::before {
-  font-size: 14px;
+  font-size: 16px;
 }
 @media screen and (max-width: 480px) {
   .e-tab-clone-element .e-tab-icon,

package/styles/tab/material3-dark.css

@@ -292,10 +292,10 @@
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
-  height: 24px;
-  min-width: 24px;
-  width: 24px;
-  line-height: 24px;
+  height: 20px;
+  min-width: 20px;
+  width: 20px;
+  line-height: 1;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon {
@@ -305,7 +305,7 @@
 }
 .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
 .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
-  font-size: 14px;
+  font-size: 16px;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
@@ -1716,10 +1716,10 @@
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
-  height: 24px;
-  min-width: 24px;
-  width: 24px;
-  line-height: 24px;
+  height: 20px;
+  min-width: 20px;
+  width: 20px;
+  line-height: 1;
 }
 @media screen and (max-width: 480px) {
   .e-tab-clone-element .e-icons.e-tab-icon {
@@ -1729,7 +1729,7 @@
 }
 .e-tab-clone-element .e-tab-icon,
 .e-tab-clone-element .e-tab-icon::before {
-  font-size: 14px;
+  font-size: 16px;
 }
 @media screen and (max-width: 480px) {
   .e-tab-clone-element .e-tab-icon,