@syncfusion/blazor-themes 31.1.17 → 31.1.18

package/SCSS-Themes/fluent2-dark.scss

@@ -62747,7 +62747,7 @@ $menu-icon-color: $icon-color !default;
 $menu-icon-hover-color: $content-text-color-hover !default;
 $menu-icon-focussed-color: $cmenu-caret-color !default;
 $menu-caret-color: $icon-color-pressed !default;
-$menu-icon-li-height: 42px !default;
+$menu-icon-li-height: 18px !default;
 $menu-bigger-li-icon-height: 55px !default;
 
 
@@ -62836,7 +62836,7 @@ $menu-bigger-li-icon-height: 55px !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -62879,6 +62879,12 @@ $menu-bigger-li-icon-height: 55px !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+              line-height: $menu-icon-li-height;
+            }
+            @else {
+              line-height: $menu-li-height;
+            }
           }
         }
       }

package/SCSS-Themes/fluent2-highcontrast-lite.scss

@@ -46429,7 +46429,7 @@ $menu-icon-color: $icon-color !default;
 $menu-icon-hover-color: $content-text-color-hover !default;
 $menu-icon-focussed-color: $cmenu-caret-color !default;
 $menu-caret-color: $icon-color-pressed !default;
-$menu-icon-li-height: 42px !default;
+$menu-icon-li-height: 18px !default;
 $menu-bigger-li-icon-height: 55px !default;
 
 
@@ -46518,7 +46518,7 @@ $menu-bigger-li-icon-height: 55px !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -46561,6 +46561,12 @@ $menu-bigger-li-icon-height: 55px !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+              line-height: $menu-icon-li-height;
+            }
+            @else {
+              line-height: $menu-li-height;
+            }
           }
         }
       }

package/SCSS-Themes/fluent2-highcontrast.scss

@@ -62747,7 +62747,7 @@ $menu-icon-color: $icon-color !default;
 $menu-icon-hover-color: $content-text-color-hover !default;
 $menu-icon-focussed-color: $cmenu-caret-color !default;
 $menu-caret-color: $icon-color-pressed !default;
-$menu-icon-li-height: 42px !default;
+$menu-icon-li-height: 18px !default;
 $menu-bigger-li-icon-height: 55px !default;
 
 
@@ -62836,7 +62836,7 @@ $menu-bigger-li-icon-height: 55px !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -62879,6 +62879,12 @@ $menu-bigger-li-icon-height: 55px !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+              line-height: $menu-icon-li-height;
+            }
+            @else {
+              line-height: $menu-li-height;
+            }
           }
         }
       }

package/SCSS-Themes/fluent2-lite.scss

@@ -47201,7 +47201,7 @@ $menu-icon-color: $icon-color !default;
 $menu-icon-hover-color: $content-text-color-hover !default;
 $menu-icon-focussed-color: $cmenu-caret-color !default;
 $menu-caret-color: $icon-color-pressed !default;
-$menu-icon-li-height: 42px !default;
+$menu-icon-li-height: 18px !default;
 $menu-bigger-li-icon-height: 55px !default;
 
 
@@ -47290,7 +47290,7 @@ $menu-bigger-li-icon-height: 55px !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -47333,6 +47333,12 @@ $menu-bigger-li-icon-height: 55px !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+              line-height: $menu-icon-li-height;
+            }
+            @else {
+              line-height: $menu-li-height;
+            }
           }
         }
       }

package/SCSS-Themes/fluent2.scss

@@ -63519,7 +63519,7 @@ $menu-icon-color: $icon-color !default;
 $menu-icon-hover-color: $content-text-color-hover !default;
 $menu-icon-focussed-color: $cmenu-caret-color !default;
 $menu-caret-color: $icon-color-pressed !default;
-$menu-icon-li-height: 42px !default;
+$menu-icon-li-height: 18px !default;
 $menu-bigger-li-icon-height: 55px !default;
 
 
@@ -63608,7 +63608,7 @@ $menu-bigger-li-icon-height: 55px !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -63651,6 +63651,12 @@ $menu-bigger-li-icon-height: 55px !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+              line-height: $menu-icon-li-height;
+            }
+            @else {
+              line-height: $menu-li-height;
+            }
           }
         }
       }

package/SCSS-Themes/highcontrast-lite.scss

@@ -44562,7 +44562,7 @@ $menu-header-icon-padding: 0 16px !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -44605,6 +44605,12 @@ $menu-header-icon-padding: 0 16px !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+              line-height: $menu-icon-li-height;
+            }
+            @else {
+              line-height: $menu-li-height;
+            }
           }
         }
       }

package/SCSS-Themes/highcontrast.scss

@@ -60880,7 +60880,7 @@ $menu-header-icon-padding: 0 16px !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -60923,6 +60923,12 @@ $menu-header-icon-padding: 0 16px !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+              line-height: $menu-icon-li-height;
+            }
+            @else {
+              line-height: $menu-li-height;
+            }
           }
         }
       }

package/SCSS-Themes/material-dark-lite.scss

@@ -45197,7 +45197,7 @@ $menu-header-icon-padding: 0 16px !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -45240,6 +45240,12 @@ $menu-header-icon-padding: 0 16px !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+              line-height: $menu-icon-li-height;
+            }
+            @else {
+              line-height: $menu-li-height;
+            }
           }
         }
       }

package/SCSS-Themes/material-dark.scss

@@ -61515,7 +61515,7 @@ $menu-header-icon-padding: 0 16px !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -61558,6 +61558,12 @@ $menu-header-icon-padding: 0 16px !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+              line-height: $menu-icon-li-height;
+            }
+            @else {
+              line-height: $menu-li-height;
+            }
           }
         }
       }

package/SCSS-Themes/material-lite.scss

@@ -44943,7 +44943,7 @@ $menu-header-icon-padding: 0 16px !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -44986,6 +44986,12 @@ $menu-header-icon-padding: 0 16px !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+              line-height: $menu-icon-li-height;
+            }
+            @else {
+              line-height: $menu-li-height;
+            }
           }
         }
       }

package/SCSS-Themes/material.scss

@@ -61261,7 +61261,7 @@ $menu-header-icon-padding: 0 16px !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -61304,6 +61304,12 @@ $menu-header-icon-padding: 0 16px !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+              line-height: $menu-icon-li-height;
+            }
+            @else {
+              line-height: $menu-li-height;
+            }
           }
         }
       }

package/SCSS-Themes/material3-dark-lite.scss

@@ -44815,7 +44815,7 @@ $menu-bigger-hscroll-nav-size: 40px !default;
 $menu-bigger-vscroll-nav-size: 32px !default;
 $menu-bigger-scroll-nav-icon-size: 18px !default;
 $menu-header-icon-padding: 0 16px !default;
-$menu-icon-li-height: 32px !default;
+$menu-icon-li-height: 36px !default;
 $menu-li-bgcolor: rgba($content-text-color, .08) !default;
 $menu-li-border-color: rgba($flyout-border) !default;
 $menu-li-selection-bgcolor: rgba($primary, .08) !default;
@@ -44925,7 +44925,7 @@ $menu-caret-color: $cmenu-caret-color !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -44968,6 +44968,12 @@ $menu-caret-color: $cmenu-caret-color !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+              line-height: $menu-icon-li-height;
+            }
+            @else {
+              line-height: $menu-li-height;
+            }
           }
         }
       }

package/SCSS-Themes/material3-dark.scss

@@ -61133,7 +61133,7 @@ $menu-bigger-hscroll-nav-size: 40px !default;
 $menu-bigger-vscroll-nav-size: 32px !default;
 $menu-bigger-scroll-nav-icon-size: 18px !default;
 $menu-header-icon-padding: 0 16px !default;
-$menu-icon-li-height: 32px !default;
+$menu-icon-li-height: 36px !default;
 $menu-li-bgcolor: rgba($content-text-color, .08) !default;
 $menu-li-border-color: rgba($flyout-border) !default;
 $menu-li-selection-bgcolor: rgba($primary, .08) !default;
@@ -61243,7 +61243,7 @@ $menu-caret-color: $cmenu-caret-color !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -61286,6 +61286,12 @@ $menu-caret-color: $cmenu-caret-color !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+              line-height: $menu-icon-li-height;
+            }
+            @else {
+              line-height: $menu-li-height;
+            }
           }
         }
       }

package/SCSS-Themes/material3-lite.scss

@@ -44885,7 +44885,7 @@ $menu-bigger-hscroll-nav-size: 40px !default;
 $menu-bigger-vscroll-nav-size: 32px !default;
 $menu-bigger-scroll-nav-icon-size: 18px !default;
 $menu-header-icon-padding: 0 16px !default;
-$menu-icon-li-height: 32px !default;
+$menu-icon-li-height: 36px !default;
 $menu-li-bgcolor: rgba($content-text-color, .08) !default;
 $menu-li-border-color: rgba($flyout-border) !default;
 $menu-li-selection-bgcolor: rgba($primary, .08) !default;
@@ -44995,7 +44995,7 @@ $menu-caret-color: $cmenu-caret-color !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -45038,6 +45038,12 @@ $menu-caret-color: $cmenu-caret-color !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+              line-height: $menu-icon-li-height;
+            }
+            @else {
+              line-height: $menu-li-height;
+            }
           }
         }
       }

package/SCSS-Themes/material3.scss

@@ -61203,7 +61203,7 @@ $menu-bigger-hscroll-nav-size: 40px !default;
 $menu-bigger-vscroll-nav-size: 32px !default;
 $menu-bigger-scroll-nav-icon-size: 18px !default;
 $menu-header-icon-padding: 0 16px !default;
-$menu-icon-li-height: 32px !default;
+$menu-icon-li-height: 36px !default;
 $menu-li-bgcolor: rgba($content-text-color, .08) !default;
 $menu-li-border-color: rgba($flyout-border) !default;
 $menu-li-selection-bgcolor: rgba($primary, .08) !default;
@@ -61313,7 +61313,7 @@ $menu-caret-color: $cmenu-caret-color !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -61356,6 +61356,12 @@ $menu-caret-color: $cmenu-caret-color !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+              line-height: $menu-icon-li-height;
+            }
+            @else {
+              line-height: $menu-li-height;
+            }
           }
         }
       }

package/SCSS-Themes/navigations/menu/bds-dark-lite.scss

@@ -156,7 +156,7 @@ $menu-caret-color: $cmenu-caret-color !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -199,6 +199,12 @@ $menu-caret-color: $cmenu-caret-color !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+              line-height: $menu-icon-li-height;
+            }
+            @else {
+              line-height: $menu-li-height;
+            }
           }
         }
       }

package/SCSS-Themes/navigations/menu/bds-dark.scss

@@ -156,7 +156,7 @@ $menu-caret-color: $cmenu-caret-color !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -199,6 +199,12 @@ $menu-caret-color: $cmenu-caret-color !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+              line-height: $menu-icon-li-height;
+            }
+            @else {
+              line-height: $menu-li-height;
+            }
           }
         }
       }

package/SCSS-Themes/navigations/menu/bds-lite.scss

@@ -156,7 +156,7 @@ $menu-caret-color: $cmenu-caret-color !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -199,6 +199,12 @@ $menu-caret-color: $cmenu-caret-color !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+              line-height: $menu-icon-li-height;
+            }
+            @else {
+              line-height: $menu-li-height;
+            }
           }
         }
       }

package/SCSS-Themes/navigations/menu/bds.scss

@@ -156,7 +156,7 @@ $menu-caret-color: $cmenu-caret-color !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -199,6 +199,12 @@ $menu-caret-color: $cmenu-caret-color !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+              line-height: $menu-icon-li-height;
+            }
+            @else {
+              line-height: $menu-li-height;
+            }
           }
         }
       }

package/SCSS-Themes/navigations/menu/bootstrap-dark-lite.scss

@@ -17,6 +17,7 @@ $menu-blank-icon: 34px !default;
 $menu-ul-header-padding: $menu-ul-padding !default;
 $menu-separator-padding: 0 !default;
 $menu-li-height: 42px !default;
+$menu-icon-li-height: 30px !default;
 $menu-li-padding: 0 15px !default;
 $menu-li-text-indent: 15px !default;
 $menu-icon-font-size: 14px !default;
@@ -152,7 +153,7 @@ $menu-header-icon-padding: 0 16px !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -195,6 +196,12 @@ $menu-header-icon-padding: 0 16px !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+              line-height: $menu-icon-li-height;
+            }
+            @else {
+              line-height: $menu-li-height;
+            }
           }
         }
       }

package/SCSS-Themes/navigations/menu/bootstrap-dark.scss

@@ -17,6 +17,7 @@ $menu-blank-icon: 34px !default;
 $menu-ul-header-padding: $menu-ul-padding !default;
 $menu-separator-padding: 0 !default;
 $menu-li-height: 42px !default;
+$menu-icon-li-height: 30px !default;
 $menu-li-padding: 0 15px !default;
 $menu-li-text-indent: 15px !default;
 $menu-icon-font-size: 14px !default;
@@ -152,7 +153,7 @@ $menu-header-icon-padding: 0 16px !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -195,6 +196,12 @@ $menu-header-icon-padding: 0 16px !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+              line-height: $menu-icon-li-height;
+            }
+            @else {
+              line-height: $menu-li-height;
+            }
           }
         }
       }

package/SCSS-Themes/navigations/menu/bootstrap-lite.scss

@@ -35,6 +35,7 @@ $menu-li-hover-outline-offset: 0 !default;
 $menu-li-border-style: solid !default;
 $menu-li-border-width: 1px !default;
 $menu-li-height: 40px !default;
+$menu-icon-li-height: 30px !default;
 $menu-li-padding: 0 12px !default;
 $menu-li-text-indent: 12px !default;
 $menu-li-right-padding: 12px !default;
@@ -156,7 +157,7 @@ $menu-header-icon-padding: 0 16px !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -199,6 +200,12 @@ $menu-header-icon-padding: 0 16px !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+              line-height: $menu-icon-li-height;
+            }
+            @else {
+              line-height: $menu-li-height;
+            }
           }
         }
       }

package/SCSS-Themes/navigations/menu/bootstrap.scss

@@ -35,6 +35,7 @@ $menu-li-hover-outline-offset: 0 !default;
 $menu-li-border-style: solid !default;
 $menu-li-border-width: 1px !default;
 $menu-li-height: 40px !default;
+$menu-icon-li-height: 30px !default;
 $menu-li-padding: 0 12px !default;
 $menu-li-text-indent: 12px !default;
 $menu-li-right-padding: 12px !default;
@@ -156,7 +157,7 @@ $menu-header-icon-padding: 0 16px !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -199,6 +200,12 @@ $menu-header-icon-padding: 0 16px !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
+              line-height: $menu-icon-li-height;
+            }
+            @else {
+              line-height: $menu-li-height;
+            }
           }
         }
       }