@syncfusion/blazor-themes 31.1.17 → 31.1.18

package/SCSS-Themes/bds.scss

@@ -62728,7 +62728,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 {
@@ -62771,6 +62771,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/bootstrap-dark-lite.scss

@@ -44617,6 +44617,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;
@@ -44752,7 +44753,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 {
@@ -44795,6 +44796,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/bootstrap-dark.scss

@@ -60935,6 +60935,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;
@@ -61070,7 +61071,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 {
@@ -61113,6 +61114,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/bootstrap-lite.scss

@@ -44397,6 +44397,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;
@@ -44518,7 +44519,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 {
@@ -44561,6 +44562,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/bootstrap.scss

@@ -60715,6 +60715,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;
@@ -60836,7 +60837,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 {
@@ -60879,6 +60880,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/bootstrap4-lite.scss

@@ -44563,7 +44563,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 {
@@ -44606,6 +44606,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/bootstrap4.scss

@@ -60881,7 +60881,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 {
@@ -60924,6 +60924,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/bootstrap5-dark-lite.scss

@@ -44851,7 +44851,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 {
@@ -44894,6 +44894,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/bootstrap5-dark.scss

@@ -61169,7 +61169,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 {
@@ -61212,6 +61212,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/bootstrap5-lite.scss

@@ -44850,7 +44850,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 {
@@ -44893,6 +44893,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/bootstrap5.3-dark-lite.scss

@@ -45609,7 +45609,7 @@ $menu-caret-color: $icon-color-pressed !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 {
@@ -45652,6 +45652,12 @@ $menu-caret-color: $icon-color-pressed !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/bootstrap5.3-dark.scss

@@ -61927,7 +61927,7 @@ $menu-caret-color: $icon-color-pressed !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 {
@@ -61970,6 +61970,12 @@ $menu-caret-color: $icon-color-pressed !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/bootstrap5.3-lite.scss

@@ -45956,7 +45956,7 @@ $menu-caret-color: $icon-color-pressed !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 {
@@ -45999,6 +45999,12 @@ $menu-caret-color: $icon-color-pressed !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/bootstrap5.3.scss

@@ -62274,7 +62274,7 @@ $menu-caret-color: $icon-color-pressed !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 {
@@ -62317,6 +62317,12 @@ $menu-caret-color: $icon-color-pressed !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/bootstrap5.scss

@@ -61168,7 +61168,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 {
@@ -61211,6 +61211,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/fabric-dark-lite.scss

@@ -44658,7 +44658,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 {
@@ -44701,6 +44701,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/fabric-dark.scss

@@ -60976,7 +60976,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 {
@@ -61019,6 +61019,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/fabric-lite.scss

@@ -44444,7 +44444,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 {
@@ -44487,6 +44487,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/fabric.scss

@@ -60762,7 +60762,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 {
@@ -60805,6 +60805,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/fluent-dark-lite.scss

@@ -44818,7 +44818,7 @@ $menu-bigger-hscroll-nav-size: 46px !default;
 $menu-bigger-vscroll-nav-size: 32px !default;
 $menu-bigger-scroll-nav-icon-size: $text-lg !default;
 $menu-header-icon-padding: 0 16px !default;
-$menu-icon-li-height: 44px !default;
+$menu-icon-li-height: 40px !default;
 $menu-li-bgcolor: $content-bg-color-alt3 !default;
 $menu-li-border-color: $border-light !default;
 $menu-li-selection-bgcolor: $content-bg-color-alt3 !default;
@@ -44928,7 +44928,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 {
@@ -44971,6 +44971,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/fluent-dark.scss

@@ -61136,7 +61136,7 @@ $menu-bigger-hscroll-nav-size: 46px !default;
 $menu-bigger-vscroll-nav-size: 32px !default;
 $menu-bigger-scroll-nav-icon-size: $text-lg !default;
 $menu-header-icon-padding: 0 16px !default;
-$menu-icon-li-height: 44px !default;
+$menu-icon-li-height: 40px !default;
 $menu-li-bgcolor: $content-bg-color-alt3 !default;
 $menu-li-border-color: $border-light !default;
 $menu-li-selection-bgcolor: $content-bg-color-alt3 !default;
@@ -61246,7 +61246,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 {
@@ -61289,6 +61289,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/fluent-lite.scss

@@ -44818,7 +44818,7 @@ $menu-bigger-hscroll-nav-size: 46px !default;
 $menu-bigger-vscroll-nav-size: 32px !default;
 $menu-bigger-scroll-nav-icon-size: $text-lg !default;
 $menu-header-icon-padding: 0 16px !default;
-$menu-icon-li-height: 44px !default;
+$menu-icon-li-height: 40px !default;
 $menu-li-bgcolor: $content-bg-color-alt3 !default;
 $menu-li-border-color: $border-light !default;
 $menu-li-selection-bgcolor: $content-bg-color-alt3 !default;
@@ -44928,7 +44928,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 {
@@ -44971,6 +44971,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/fluent.scss

@@ -61136,7 +61136,7 @@ $menu-bigger-hscroll-nav-size: 46px !default;
 $menu-bigger-vscroll-nav-size: 32px !default;
 $menu-bigger-scroll-nav-icon-size: $text-lg !default;
 $menu-header-icon-padding: 0 16px !default;
-$menu-icon-li-height: 44px !default;
+$menu-icon-li-height: 40px !default;
 $menu-li-bgcolor: $content-bg-color-alt3 !default;
 $menu-li-border-color: $border-light !default;
 $menu-li-selection-bgcolor: $content-bg-color-alt3 !default;
@@ -61246,7 +61246,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 {
@@ -61289,6 +61289,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/fluent2-dark-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;
+            }
           }
         }
       }