@syncfusion/blazor-themes 26.2.4 → 26.2.5

package/SCSS-Themes/material3-dark.scss

@@ -54982,8 +54982,8 @@ $treeview-drag-icon-color: rgba($content-text-color-alt1) !default;
 
     .e-list-item {
 
-      div.e-icons.e-icon-expandable::before,
-      div.e-icons.e-icon-collapsible::before {
+      div.e-icons:not(.e-icons-spinner).e-icon-expandable::before,
+      div.e-icons:not(.e-icons-spinner).e-icon-collapsible::before {
         content: '\e748';
       }
     }
@@ -125433,17 +125433,20 @@ $ribbon-large-items-icon-size: $text-4xl !default;
 $ribbon-large-items-max-width: 10ch !default;
 $ribbon-large-items-icon-padding: 4px 3px !default;
 $ribbon-large-items-btn-gap: 4px !default;
+$ribbon-large-items-min-width-height: 32px !default;
 $ribbon-items-border: none !default;
 $ribbon-items-border-radius: 4px !default;
 $ribbon-items-font-weight: $font-weight-normal !default;
 $ribbon-items-btn-size: $text-xs !default;
 $ribbon-items-label-size: $text-sm !default;
 $ribbon-items-btn-icon-size: $text-base !default;
+$ribbon-overflow-items-min-width-height: $ribbon-items-btn-icon-size !default;
 $ribbon-items-caret-icon-size: $text-sm !default;
 $ribbon-items-margin: 4px !default;
 $ribbon-checkbox-margin: 8px 0 8px 12px !default;
 $ribbon-rtl-checkbox-margin: 8px 12px 8px 0 !default;
 $ribbon-items-height: 15px !default;
+$ribbon-items-min-width-height: 16px !default;
 $ribbon-items-checkbox-size: $text-xs !default;
 $ribbon-items-checkbox-padding: 0 4px !default;
 $ribbon-input-group-height: 24px !default;
@@ -125578,6 +125581,8 @@ $ribbon-bigger-large-items-icon-size: 36px !default;
 $ribbon-bigger-large-items-btn-padding: 0 3px !default;
 $ribbon-bigger-large-items-btn-size: $text-sm !default;
 $ribbon-bigger-large-items-btn-height: 18px !default;
+$ribbon-bigger-large-items-min-width-height: 36px !default;
+$ribbon-bigger-items-min-width-height: $text-xl;
 $ribbon-bigger-large-items-btn-gap: 9px !default;
 $ribbon-bigger-items-padding: 2px !default;
 $ribbon-bigger-items-btn-size: $text-sm !default;
@@ -125586,6 +125591,7 @@ $ribbon-bigger-items-height: 18px !default;
 $ribbon-bigger-items-icon-height: 20px !default;
 $ribbon-bigger-items-icon-size: $text-xl !default;
 $ribbon-bigger-items-btn-icon-size: $text-xl !default;
+$ribbon-bigger-overflow-items-min-width-height: $ribbon-bigger-items-btn-icon-size !default;
 $ribbon-bigger-items-margin: 8px !default;
 $ribbon-bigger-checkbox-margin: 10px 0 10px 16px !default;
 $ribbon-bigger-rtl-checkbox-margin: 10px 16px 10px 0 !default;
@@ -125804,6 +125810,14 @@ $ribbon-items-focus-box-shadow: none !default;
   line-height: $line-height;
 }
 
+@mixin ribbon-items-icon-images($items-size) {
+  min-height: $items-size;
+  min-width: $items-size;
+  background-repeat: no-repeat;
+  background-size: contain;
+  background-position: center;
+}
+
 @mixin ribbon-font-props($font-size, $line-height) {
   font-size: $font-size;
   line-height: $line-height;
@@ -126472,6 +126486,7 @@ $ribbon-items-focus-box-shadow: none !default;
           }
 
           .e-btn-icon:not(.e-caret) {
+            @include ribbon-items-icon-images($ribbon-large-items-min-width-height);
             font-size: $ribbon-large-items-icon-size;
             font-weight: $ribbon-items-font-weight;
             padding: $ribbon-large-items-icon-padding;
@@ -126590,6 +126605,9 @@ $ribbon-items-focus-box-shadow: none !default;
           .e-btn-icon {
             @include ribbon-font-props(16px, 16px);
             margin: $ribbon-items-margin;
+            &:not(.e-caret) {
+              @include ribbon-items-icon-images($ribbon-items-min-width-height);
+            }
           }
         }
 
@@ -126731,6 +126749,13 @@ $ribbon-items-focus-box-shadow: none !default;
         width: 100%;
         height: $ribbon-medium-item-height;
 
+        .e-btn .e-btn-icon {
+          &:not(.e-caret) {
+            min-width: $ribbon-overflow-items-min-width-height;
+            min-height: $ribbon-overflow-items-min-width-height;
+          }
+        }
+
         .e-btn .e-btn-icon.e-icon-left {
           margin: 0;
         }
@@ -126769,7 +126794,7 @@ $ribbon-items-focus-box-shadow: none !default;
 
       &.e-ribbon-medium-item {
         .e-btn .e-btn-icon.e-icon-left {
-          padding: $ribbon-button-icon-padding;
+          margin: $ribbon-button-icon-padding;
         }
 
         &:not(:has(.e-colorpicker-wrapper)) .e-btn {
@@ -126808,7 +126833,7 @@ $ribbon-items-focus-box-shadow: none !default;
         
         &.e-ribbon-medium-item {
           .e-btn .e-btn-icon.e-icon-left {
-            padding: $ribbon-rtl-button-icon-padding;
+            margin: $ribbon-rtl-button-icon-padding;
           }
 
           &:not(:has(.e-colorpicker-wrapper)) .e-btn {
@@ -127260,6 +127285,7 @@ $ribbon-items-focus-box-shadow: none !default;
           max-width: $ribbon-bigger-large-items-max-width;
 
           .e-btn-icon:not(.e-caret) {
+            @include ribbon-items-icon-images($ribbon-bigger-large-items-min-width-height);
             font-size: $ribbon-bigger-large-items-icon-size;
             padding: $ribbon-bigger-large-items-icon-padding;
           }
@@ -127290,6 +127316,10 @@ $ribbon-items-focus-box-shadow: none !default;
           .e-btn-icon {
             @include ribbon-font-props($ribbon-bigger-items-icon-size, $ribbon-bigger-items-icon-height);
             margin: $ribbon-bigger-items-margin;
+            &:not(.e-caret) {
+              min-width: $ribbon-bigger-items-min-width-height;
+              min-height: $ribbon-bigger-items-min-width-height;
+            }
           }
         }
 
@@ -127346,6 +127376,10 @@ $ribbon-items-focus-box-shadow: none !default;
         }
         .e-btn .e-btn-icon {
           font-size: $ribbon-bigger-items-btn-icon-size;
+          &:not(.e-caret) {
+            min-width: $ribbon-bigger-overflow-items-min-width-height;
+            min-height: $ribbon-bigger-overflow-items-min-width-height;
+          }
           &.e-icon-left {
             margin: 0;
           }
@@ -127382,7 +127416,7 @@ $ribbon-items-focus-box-shadow: none !default;
 
         &.e-ribbon-medium-item {
           .e-btn .e-btn-icon.e-icon-left {
-            padding: $ribbon-bigger-button-icon-padding;
+            margin: $ribbon-bigger-button-icon-padding;
           }
           
           &:not(:has(.e-colorpicker-wrapper)) .e-btn {
@@ -127418,7 +127452,7 @@ $ribbon-items-focus-box-shadow: none !default;
 
         &.e-ribbon-medium-item {
           .e-btn .e-btn-icon.e-icon-left {
-            padding: $ribbon-bigger-rtl-button-icon-padding;
+            margin: $ribbon-bigger-rtl-button-icon-padding;
           }
             
           &:not(:has(.e-colorpicker-wrapper)) .e-btn {

package/SCSS-Themes/material3.scss

@@ -55052,8 +55052,8 @@ $treeview-drag-icon-color: rgba($content-text-color-alt1) !default;
 
     .e-list-item {
 
-      div.e-icons.e-icon-expandable::before,
-      div.e-icons.e-icon-collapsible::before {
+      div.e-icons:not(.e-icons-spinner).e-icon-expandable::before,
+      div.e-icons:not(.e-icons-spinner).e-icon-collapsible::before {
         content: '\e748';
       }
     }
@@ -125503,17 +125503,20 @@ $ribbon-large-items-icon-size: $text-4xl !default;
 $ribbon-large-items-max-width: 10ch !default;
 $ribbon-large-items-icon-padding: 4px 3px !default;
 $ribbon-large-items-btn-gap: 4px !default;
+$ribbon-large-items-min-width-height: 32px !default;
 $ribbon-items-border: none !default;
 $ribbon-items-border-radius: 4px !default;
 $ribbon-items-font-weight: $font-weight-normal !default;
 $ribbon-items-btn-size: $text-xs !default;
 $ribbon-items-label-size: $text-sm !default;
 $ribbon-items-btn-icon-size: $text-base !default;
+$ribbon-overflow-items-min-width-height: $ribbon-items-btn-icon-size !default;
 $ribbon-items-caret-icon-size: $text-sm !default;
 $ribbon-items-margin: 4px !default;
 $ribbon-checkbox-margin: 8px 0 8px 12px !default;
 $ribbon-rtl-checkbox-margin: 8px 12px 8px 0 !default;
 $ribbon-items-height: 15px !default;
+$ribbon-items-min-width-height: 16px !default;
 $ribbon-items-checkbox-size: $text-xs !default;
 $ribbon-items-checkbox-padding: 0 4px !default;
 $ribbon-input-group-height: 24px !default;
@@ -125648,6 +125651,8 @@ $ribbon-bigger-large-items-icon-size: 36px !default;
 $ribbon-bigger-large-items-btn-padding: 0 3px !default;
 $ribbon-bigger-large-items-btn-size: $text-sm !default;
 $ribbon-bigger-large-items-btn-height: 18px !default;
+$ribbon-bigger-large-items-min-width-height: 36px !default;
+$ribbon-bigger-items-min-width-height: $text-xl;
 $ribbon-bigger-large-items-btn-gap: 9px !default;
 $ribbon-bigger-items-padding: 2px !default;
 $ribbon-bigger-items-btn-size: $text-sm !default;
@@ -125656,6 +125661,7 @@ $ribbon-bigger-items-height: 18px !default;
 $ribbon-bigger-items-icon-height: 20px !default;
 $ribbon-bigger-items-icon-size: $text-xl !default;
 $ribbon-bigger-items-btn-icon-size: $text-xl !default;
+$ribbon-bigger-overflow-items-min-width-height: $ribbon-bigger-items-btn-icon-size !default;
 $ribbon-bigger-items-margin: 8px !default;
 $ribbon-bigger-checkbox-margin: 10px 0 10px 16px !default;
 $ribbon-bigger-rtl-checkbox-margin: 10px 16px 10px 0 !default;
@@ -125874,6 +125880,14 @@ $ribbon-items-focus-box-shadow: none !default;
   line-height: $line-height;
 }
 
+@mixin ribbon-items-icon-images($items-size) {
+  min-height: $items-size;
+  min-width: $items-size;
+  background-repeat: no-repeat;
+  background-size: contain;
+  background-position: center;
+}
+
 @mixin ribbon-font-props($font-size, $line-height) {
   font-size: $font-size;
   line-height: $line-height;
@@ -126542,6 +126556,7 @@ $ribbon-items-focus-box-shadow: none !default;
           }
 
           .e-btn-icon:not(.e-caret) {
+            @include ribbon-items-icon-images($ribbon-large-items-min-width-height);
             font-size: $ribbon-large-items-icon-size;
             font-weight: $ribbon-items-font-weight;
             padding: $ribbon-large-items-icon-padding;
@@ -126660,6 +126675,9 @@ $ribbon-items-focus-box-shadow: none !default;
           .e-btn-icon {
             @include ribbon-font-props(16px, 16px);
             margin: $ribbon-items-margin;
+            &:not(.e-caret) {
+              @include ribbon-items-icon-images($ribbon-items-min-width-height);
+            }
           }
         }
 
@@ -126801,6 +126819,13 @@ $ribbon-items-focus-box-shadow: none !default;
         width: 100%;
         height: $ribbon-medium-item-height;
 
+        .e-btn .e-btn-icon {
+          &:not(.e-caret) {
+            min-width: $ribbon-overflow-items-min-width-height;
+            min-height: $ribbon-overflow-items-min-width-height;
+          }
+        }
+
         .e-btn .e-btn-icon.e-icon-left {
           margin: 0;
         }
@@ -126839,7 +126864,7 @@ $ribbon-items-focus-box-shadow: none !default;
 
       &.e-ribbon-medium-item {
         .e-btn .e-btn-icon.e-icon-left {
-          padding: $ribbon-button-icon-padding;
+          margin: $ribbon-button-icon-padding;
         }
 
         &:not(:has(.e-colorpicker-wrapper)) .e-btn {
@@ -126878,7 +126903,7 @@ $ribbon-items-focus-box-shadow: none !default;
         
         &.e-ribbon-medium-item {
           .e-btn .e-btn-icon.e-icon-left {
-            padding: $ribbon-rtl-button-icon-padding;
+            margin: $ribbon-rtl-button-icon-padding;
           }
 
           &:not(:has(.e-colorpicker-wrapper)) .e-btn {
@@ -127330,6 +127355,7 @@ $ribbon-items-focus-box-shadow: none !default;
           max-width: $ribbon-bigger-large-items-max-width;
 
           .e-btn-icon:not(.e-caret) {
+            @include ribbon-items-icon-images($ribbon-bigger-large-items-min-width-height);
             font-size: $ribbon-bigger-large-items-icon-size;
             padding: $ribbon-bigger-large-items-icon-padding;
           }
@@ -127360,6 +127386,10 @@ $ribbon-items-focus-box-shadow: none !default;
           .e-btn-icon {
             @include ribbon-font-props($ribbon-bigger-items-icon-size, $ribbon-bigger-items-icon-height);
             margin: $ribbon-bigger-items-margin;
+            &:not(.e-caret) {
+              min-width: $ribbon-bigger-items-min-width-height;
+              min-height: $ribbon-bigger-items-min-width-height;
+            }
           }
         }
 
@@ -127416,6 +127446,10 @@ $ribbon-items-focus-box-shadow: none !default;
         }
         .e-btn .e-btn-icon {
           font-size: $ribbon-bigger-items-btn-icon-size;
+          &:not(.e-caret) {
+            min-width: $ribbon-bigger-overflow-items-min-width-height;
+            min-height: $ribbon-bigger-overflow-items-min-width-height;
+          }
           &.e-icon-left {
             margin: 0;
           }
@@ -127452,7 +127486,7 @@ $ribbon-items-focus-box-shadow: none !default;
 
         &.e-ribbon-medium-item {
           .e-btn .e-btn-icon.e-icon-left {
-            padding: $ribbon-bigger-button-icon-padding;
+            margin: $ribbon-bigger-button-icon-padding;
           }
           
           &:not(:has(.e-colorpicker-wrapper)) .e-btn {
@@ -127488,7 +127522,7 @@ $ribbon-items-focus-box-shadow: none !default;
 
         &.e-ribbon-medium-item {
           .e-btn .e-btn-icon.e-icon-left {
-            padding: $ribbon-bigger-rtl-button-icon-padding;
+            margin: $ribbon-bigger-rtl-button-icon-padding;
           }
             
           &:not(:has(.e-colorpicker-wrapper)) .e-btn {

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

@@ -1584,8 +1584,8 @@ $treeview-item-active-hover-bg:$content-bg-color-hover !default;
 
     .e-list-item {
 
-      div.e-icons.e-icon-expandable::before,
-      div.e-icons.e-icon-collapsible::before {
+      div.e-icons:not(.e-icons-spinner).e-icon-expandable::before,
+      div.e-icons:not(.e-icons-spinner).e-icon-collapsible::before {
         content: '\e75c';
       }
     }

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

@@ -1584,8 +1584,8 @@ $treeview-item-active-hover-bg:$content-bg-color-hover !default;
 
     .e-list-item {
 
-      div.e-icons.e-icon-expandable::before,
-      div.e-icons.e-icon-collapsible::before {
+      div.e-icons:not(.e-icons-spinner).e-icon-expandable::before,
+      div.e-icons:not(.e-icons-spinner).e-icon-collapsible::before {
         content: '\e75c';
       }
     }

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

@@ -1569,8 +1569,8 @@ $ripple-width: 32px !default;
   /*! TreeView icons */
   .e-treeview {
     .e-list-item {
-      div.e-icons.e-icon-expandable::before,
-      div.e-icons.e-icon-collapsible::before {
+      div.e-icons:not(.e-icons-spinner).e-icon-expandable::before,
+      div.e-icons:not(.e-icons-spinner).e-icon-collapsible::before {
         content: '\e230';
       }
     }

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

@@ -1564,8 +1564,8 @@ $ripple-width: 32px !default;
   /*! TreeView icons */
   .e-treeview {
     .e-list-item {
-      div.e-icons.e-icon-expandable::before,
-      div.e-icons.e-icon-collapsible::before {
+      div.e-icons:not(.e-icons-spinner).e-icon-expandable::before,
+      div.e-icons:not(.e-icons-spinner).e-icon-collapsible::before {
         content: '\e230';
       }
     }

package/SCSS-Themes/navigations/treeview/bootstrap4.scss

@@ -1592,8 +1592,8 @@ $ripple-width: 32px !default;
   /*! TreeView icons */
   .e-treeview {
     .e-list-item {
-      div.e-icons.e-icon-expandable::before,
-      div.e-icons.e-icon-collapsible::before {
+      div.e-icons:not(.e-icons-spinner).e-icon-expandable::before,
+      div.e-icons:not(.e-icons-spinner).e-icon-collapsible::before {
         content: '\e70b';
       }
     }

package/SCSS-Themes/navigations/treeview/bootstrap5-dark.scss

@@ -1573,8 +1573,8 @@ $treeview-item-active-check-color: $primary !default;
 
     .e-list-item {
 
-      div.e-icons.e-icon-expandable::before,
-      div.e-icons.e-icon-collapsible::before {
+      div.e-icons:not(.e-icons-spinner).e-icon-expandable::before,
+      div.e-icons:not(.e-icons-spinner).e-icon-collapsible::before {
         content: '\e75c';
       }
     }

package/SCSS-Themes/navigations/treeview/bootstrap5.scss

@@ -1573,8 +1573,8 @@ $treeview-item-active-check-color: $primary !default;
 
     .e-list-item {
 
-      div.e-icons.e-icon-expandable::before,
-      div.e-icons.e-icon-collapsible::before {
+      div.e-icons:not(.e-icons-spinner).e-icon-expandable::before,
+      div.e-icons:not(.e-icons-spinner).e-icon-collapsible::before {
         content: '\e75c';
       }
     }

package/SCSS-Themes/navigations/treeview/fabric-dark.scss

@@ -1569,8 +1569,8 @@ $ripple-width: 32px !default;
 
     .e-list-item {
 
-      div.e-icons.e-icon-expandable::before,
-      div.e-icons.e-icon-collapsible::before {
+      div.e-icons:not(.e-icons-spinner).e-icon-expandable::before,
+      div.e-icons:not(.e-icons-spinner).e-icon-collapsible::before {
         content: '\e22e';
       }
     }

package/SCSS-Themes/navigations/treeview/fabric.scss

@@ -1565,8 +1565,8 @@ $ripple-width: 32px !default;
 
     .e-list-item {
 
-      div.e-icons.e-icon-expandable::before,
-      div.e-icons.e-icon-collapsible::before {
+      div.e-icons:not(.e-icons-spinner).e-icon-expandable::before,
+      div.e-icons:not(.e-icons-spinner).e-icon-collapsible::before {
         content: '\e22e';
       }
     }

package/SCSS-Themes/navigations/treeview/fluent-dark.scss

@@ -1573,8 +1573,8 @@ $treeview-item-active-check-color: $primary !default;
 
     .e-list-item {
 
-      div.e-icons.e-icon-expandable::before,
-      div.e-icons.e-icon-collapsible::before {
+      div.e-icons:not(.e-icons-spinner).e-icon-expandable::before,
+      div.e-icons:not(.e-icons-spinner).e-icon-collapsible::before {
         content: '\e75c';
       }
     }

package/SCSS-Themes/navigations/treeview/fluent.scss

@@ -1573,8 +1573,8 @@ $treeview-item-active-check-color: $primary !default;
 
     .e-list-item {
 
-      div.e-icons.e-icon-expandable::before,
-      div.e-icons.e-icon-collapsible::before {
+      div.e-icons:not(.e-icons-spinner).e-icon-expandable::before,
+      div.e-icons:not(.e-icons-spinner).e-icon-collapsible::before {
         content: '\e75c';
       }
     }

package/SCSS-Themes/navigations/treeview/fluent2-dark.scss

@@ -1579,8 +1579,8 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
   
     .e-list-item {
   
-      div.e-icons.e-icon-expandable::before,
-      div.e-icons.e-icon-collapsible::before {
+      div.e-icons:not(.e-icons-spinner).e-icon-expandable::before,
+      div.e-icons:not(.e-icons-spinner).e-icon-collapsible::before {
         content: '\e75c';
       }
     }

package/SCSS-Themes/navigations/treeview/fluent2.scss

@@ -1579,8 +1579,8 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
   
     .e-list-item {
   
-      div.e-icons.e-icon-expandable::before,
-      div.e-icons.e-icon-collapsible::before {
+      div.e-icons:not(.e-icons-spinner).e-icon-expandable::before,
+      div.e-icons:not(.e-icons-spinner).e-icon-collapsible::before {
         content: '\e75c';
       }
     }

package/SCSS-Themes/navigations/treeview/highcontrast.scss

@@ -1571,8 +1571,8 @@ $ripple-width: 32px !default;
 
     .e-list-item {
 
-      div.e-icons.e-icon-expandable::before,
-      div.e-icons.e-icon-collapsible::before {
+      div.e-icons:not(.e-icons-spinner).e-icon-expandable::before,
+      div.e-icons:not(.e-icons-spinner).e-icon-collapsible::before {
         content: '\e22e';
       }
     }

package/SCSS-Themes/navigations/treeview/material-dark.scss

@@ -1567,8 +1567,8 @@ $ripple-width: 32px !default;
 
     .e-list-item {
 
-      div.e-icons.e-icon-expandable::before,
-      div.e-icons.e-icon-collapsible::before {
+      div.e-icons:not(.e-icons-spinner).e-icon-expandable::before,
+      div.e-icons:not(.e-icons-spinner).e-icon-collapsible::before {
         content: '\e22f';
       }
     }

package/SCSS-Themes/navigations/treeview/material.scss

@@ -1565,8 +1565,8 @@ $ripple-width: 32px !default;
 
     .e-list-item {
 
-      div.e-icons.e-icon-expandable::before,
-      div.e-icons.e-icon-collapsible::before {
+      div.e-icons:not(.e-icons-spinner).e-icon-expandable::before,
+      div.e-icons:not(.e-icons-spinner).e-icon-collapsible::before {
         content: '\e22f';
       }
     }

package/SCSS-Themes/navigations/treeview/material3-dark.scss

@@ -1563,8 +1563,8 @@ $treeview-drag-icon-color: rgba($content-text-color-alt1) !default;
 
     .e-list-item {
 
-      div.e-icons.e-icon-expandable::before,
-      div.e-icons.e-icon-collapsible::before {
+      div.e-icons:not(.e-icons-spinner).e-icon-expandable::before,
+      div.e-icons:not(.e-icons-spinner).e-icon-collapsible::before {
         content: '\e748';
       }
     }

package/SCSS-Themes/navigations/treeview/material3.scss

@@ -1563,8 +1563,8 @@ $treeview-drag-icon-color: rgba($content-text-color-alt1) !default;
 
     .e-list-item {
 
-      div.e-icons.e-icon-expandable::before,
-      div.e-icons.e-icon-collapsible::before {
+      div.e-icons:not(.e-icons-spinner).e-icon-expandable::before,
+      div.e-icons:not(.e-icons-spinner).e-icon-collapsible::before {
         content: '\e748';
       }
     }

package/SCSS-Themes/navigations/treeview/tailwind-dark.scss

@@ -1577,8 +1577,8 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
 
     .e-list-item {
 
-      div.e-icons.e-icon-expandable::before,
-      div.e-icons.e-icon-collapsible::before {
+      div.e-icons:not(.e-icons-spinner).e-icon-expandable::before,
+      div.e-icons:not(.e-icons-spinner).e-icon-collapsible::before {
         content: '\e75c';
       }
     }

package/SCSS-Themes/navigations/treeview/tailwind.scss

@@ -1577,8 +1577,8 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
 
     .e-list-item {
 
-      div.e-icons.e-icon-expandable::before,
-      div.e-icons.e-icon-collapsible::before {
+      div.e-icons:not(.e-icons-spinner).e-icon-expandable::before,
+      div.e-icons:not(.e-icons-spinner).e-icon-collapsible::before {
         content: '\e75c';
       }
     }