@syncfusion/blazor-themes 30.1.41 → 30.2.4

package/SCSS-Themes/layouts/splitter/material-lite.scss

@@ -94,6 +94,10 @@ $bigger-splitbar-icon-size: 16px !default;
     &.e-splitter-vertical {
       flex-direction: column;
 
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
+
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/material.scss

@@ -94,6 +94,10 @@ $bigger-splitbar-icon-size: 16px !default;
     &.e-splitter-vertical {
       flex-direction: column;
 
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
+
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

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

@@ -91,6 +91,10 @@ $split-bar-hover-border-right: none !default;
     &.e-splitter-vertical {
       flex-direction: column;
 
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
+
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/material3-dark.scss

@@ -91,6 +91,10 @@ $split-bar-hover-border-right: none !default;
     &.e-splitter-vertical {
       flex-direction: column;
 
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
+
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/material3-lite.scss

@@ -91,6 +91,10 @@ $split-bar-hover-border-right: none !default;
     &.e-splitter-vertical {
       flex-direction: column;
 
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
+
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/material3.scss

@@ -91,6 +91,10 @@ $split-bar-hover-border-right: none !default;
     &.e-splitter-vertical {
       flex-direction: column;
 
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
+
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/tailwind-dark-lite.scss

@@ -98,6 +98,10 @@ $split-bar-hover-border-right: 1px solid $splitbar-hover-border-color !default;
     &.e-splitter-vertical {
       flex-direction: column;
 
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
+
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/tailwind-dark.scss

@@ -98,6 +98,10 @@ $split-bar-hover-border-right: 1px solid $splitbar-hover-border-color !default;
     &.e-splitter-vertical {
       flex-direction: column;
 
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
+
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/tailwind-lite.scss

@@ -98,6 +98,10 @@ $split-bar-hover-border-right: 1px solid $splitbar-hover-border-color !default;
     &.e-splitter-vertical {
       flex-direction: column;
 
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
+
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/tailwind.scss

@@ -98,6 +98,10 @@ $split-bar-hover-border-right: 1px solid $splitbar-hover-border-color !default;
     &.e-splitter-vertical {
       flex-direction: column;
 
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
+
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/tailwind3-dark-lite.scss

@@ -98,6 +98,10 @@ $split-bar-hover-border-right: none !default;
     &.e-splitter-vertical {
       flex-direction: column;
 
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
+
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/tailwind3-dark.scss

@@ -98,6 +98,10 @@ $split-bar-hover-border-right: none !default;
     &.e-splitter-vertical {
       flex-direction: column;
 
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
+
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/tailwind3-lite.scss

@@ -98,6 +98,10 @@ $split-bar-hover-border-right: none !default;
     &.e-splitter-vertical {
       flex-direction: column;
 
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
+
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/tailwind3.scss

@@ -98,6 +98,10 @@ $split-bar-hover-border-right: none !default;
     &.e-splitter-vertical {
       flex-direction: column;
 
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
+
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

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

@@ -48434,6 +48434,11 @@ $ddt-select-all-checkbox-bottom: 0 !default;
         }
       }
     }
+    &.e-float-input {
+      .e-float-text.e-label-top {
+        top: 15px;
+      }
+    }
   }
 
   .e-ddt-icon-hide {
@@ -51227,6 +51232,7 @@ $listbox-filter-height: calc(100% - 48px) !default;
 $listbox-filter-bigger-height: calc(100% - 55px) !default;
 $listbox-ej2-filterselect-height: calc(100% - 83px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 103px) !default;
+$listbox-icon-padding: 2px !default;
 
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -51723,6 +51729,14 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 103px) !default;
       border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
     }
   }
+  
+  .e-list-icon {
+    display: inline-block;
+    vertical-align: middle;
+    width: auto;
+    height: auto;
+    padding-bottom: $listbox-icon-padding;
+  }
 }
 
 
@@ -55801,9 +55815,6 @@ $de-column-presets-font-size: 60px !default;
             white-space: nowrap;
             color: white;
         }
-        .e-de-contextmenu-wrapper .e-menu-vscroll {
-            z-index: 1000;
-        }
 }
 
 
@@ -59649,6 +59660,10 @@ $bigger-splitbar-icon-size: 16px !default;
     &.e-splitter-vertical {
       flex-direction: column;
 
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
+
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;
@@ -74937,12 +74952,6 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       margin-top: 0;
     }
 
-    .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
-    .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
-    .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
-      margin-right: 30px;
-    }
-
     .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list,
     .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list,
     .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list  {
@@ -74954,7 +74963,6 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container,
     .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container {
       margin-left: 0;
-      margin-right: 0;
     }
 
     .e-img-uploadwrap.e-droparea .e-upload .e-upload-files,
@@ -74977,7 +74985,6 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     }
 
     .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
-      margin-right: $rte-img-upload-abort-icon-btn-margin-right;
       margin-top: $rte-img-upload-abort-icon-btn-margin-top;
     }
 
@@ -78071,7 +78078,7 @@ $gantt-chartrow-hover-bg-color: rgb(89 86 86) !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
 
       .e-gantt-child-taskbar-inner-div,

package/SCSS-Themes/material-dark.scss

@@ -65185,6 +65185,11 @@ $ddt-select-all-checkbox-bottom: 0 !default;
         }
       }
     }
+    &.e-float-input {
+      .e-float-text.e-label-top {
+        top: 15px;
+      }
+    }
   }
 
   .e-ddt-icon-hide {
@@ -70543,6 +70548,7 @@ $listbox-filter-height: calc(100% - 48px) !default;
 $listbox-filter-bigger-height: calc(100% - 55px) !default;
 $listbox-ej2-filterselect-height: calc(100% - 83px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 103px) !default;
+$listbox-icon-padding: 2px !default;
 
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -71039,6 +71045,14 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 103px) !default;
       border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
     }
   }
+  
+  .e-list-icon {
+    display: inline-block;
+    vertical-align: middle;
+    width: auto;
+    height: auto;
+    padding-bottom: $listbox-icon-padding;
+  }
 }
 
 
@@ -75308,9 +75322,6 @@ $de-column-presets-font-size: 60px !default;
             white-space: nowrap;
             color: white;
         }
-        .e-de-contextmenu-wrapper .e-menu-vscroll {
-            z-index: 1000;
-        }
 }
 
 
@@ -81274,6 +81285,10 @@ $bigger-splitbar-icon-size: 16px !default;
     &.e-splitter-vertical {
       flex-direction: column;
 
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
+
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;
@@ -100950,12 +100965,6 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       margin-top: 0;
     }
 
-    .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
-    .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
-    .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
-      margin-right: 30px;
-    }
-
     .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list,
     .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list,
     .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list  {
@@ -100967,7 +100976,6 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container,
     .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container {
       margin-left: 0;
-      margin-right: 0;
     }
 
     .e-img-uploadwrap.e-droparea .e-upload .e-upload-files,
@@ -100990,7 +100998,6 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     }
 
     .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
-      margin-right: $rte-img-upload-abort-icon-btn-margin-right;
       margin-top: $rte-img-upload-abort-icon-btn-margin-top;
     }
 
@@ -104445,7 +104452,7 @@ $gantt-chartrow-hover-bg-color: rgb(89 86 86) !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
 
       .e-gantt-child-taskbar-inner-div,

package/SCSS-Themes/material-lite.scss

@@ -48181,6 +48181,11 @@ $ddt-select-all-checkbox-bottom: 1px !default;
         }
       }
     }
+    &.e-float-input {
+      .e-float-text.e-label-top {
+        top: 15px;
+      }
+    }
   }
 
   .e-ddt-icon-hide {
@@ -50971,6 +50976,7 @@ $listbox-filter-height: calc(100% - 48px) !default;
 $listbox-filter-bigger-height: calc(100% - 55px) !default;
 $listbox-ej2-filterselect-height: calc(100% - 83px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 103px) !default;
+$listbox-icon-padding: 2px !default;
 
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -51467,6 +51473,14 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 103px) !default;
       border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
     }
   }
+  
+  .e-list-icon {
+    display: inline-block;
+    vertical-align: middle;
+    width: auto;
+    height: auto;
+    padding-bottom: $listbox-icon-padding;
+  }
 }
 
 
@@ -55545,9 +55559,6 @@ $de-column-presets-font-size: 60px !default;
             white-space: nowrap;
             color: white;
         }
-        .e-de-contextmenu-wrapper .e-menu-vscroll {
-            z-index: 1000;
-        }
 }
 
 
@@ -59393,6 +59404,10 @@ $bigger-splitbar-icon-size: 16px !default;
     &.e-splitter-vertical {
       flex-direction: column;
 
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
+
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;
@@ -74680,12 +74695,6 @@ $rte-popup-item-padding: 4px 4px !default;
       margin-top: 0;
     }
 
-    .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
-    .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
-    .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
-      margin-right: 30px;
-    }
-
     .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list,
     .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list,
     .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list  {
@@ -74697,7 +74706,6 @@ $rte-popup-item-padding: 4px 4px !default;
     .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container,
     .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container {
       margin-left: 0;
-      margin-right: 0;
     }
 
     .e-img-uploadwrap.e-droparea .e-upload .e-upload-files,
@@ -74720,7 +74728,6 @@ $rte-popup-item-padding: 4px 4px !default;
     }
 
     .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
-      margin-right: $rte-img-upload-abort-icon-btn-margin-right;
       margin-top: $rte-img-upload-abort-icon-btn-margin-top;
     }
 
@@ -77814,7 +77821,7 @@ $gantt-chartrow-hover-bg-color: $grey-200 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
 
       .e-gantt-child-taskbar-inner-div,

package/SCSS-Themes/material.scss

@@ -64932,6 +64932,11 @@ $ddt-select-all-checkbox-bottom: 1px !default;
         }
       }
     }
+    &.e-float-input {
+      .e-float-text.e-label-top {
+        top: 15px;
+      }
+    }
   }
 
   .e-ddt-icon-hide {
@@ -70287,6 +70292,7 @@ $listbox-filter-height: calc(100% - 48px) !default;
 $listbox-filter-bigger-height: calc(100% - 55px) !default;
 $listbox-ej2-filterselect-height: calc(100% - 83px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 103px) !default;
+$listbox-icon-padding: 2px !default;
 
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -70783,6 +70789,14 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 103px) !default;
       border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
     }
   }
+  
+  .e-list-icon {
+    display: inline-block;
+    vertical-align: middle;
+    width: auto;
+    height: auto;
+    padding-bottom: $listbox-icon-padding;
+  }
 }
 
 
@@ -75052,9 +75066,6 @@ $de-column-presets-font-size: 60px !default;
             white-space: nowrap;
             color: white;
         }
-        .e-de-contextmenu-wrapper .e-menu-vscroll {
-            z-index: 1000;
-        }
 }
 
 
@@ -81018,6 +81029,10 @@ $bigger-splitbar-icon-size: 16px !default;
     &.e-splitter-vertical {
       flex-direction: column;
 
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
+
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;
@@ -100693,12 +100708,6 @@ $rte-popup-item-padding: 4px 4px !default;
       margin-top: 0;
     }
 
-    .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
-    .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
-    .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
-      margin-right: 30px;
-    }
-
     .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list,
     .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list,
     .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list  {
@@ -100710,7 +100719,6 @@ $rte-popup-item-padding: 4px 4px !default;
     .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container,
     .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container {
       margin-left: 0;
-      margin-right: 0;
     }
 
     .e-img-uploadwrap.e-droparea .e-upload .e-upload-files,
@@ -100733,7 +100741,6 @@ $rte-popup-item-padding: 4px 4px !default;
     }
 
     .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
-      margin-right: $rte-img-upload-abort-icon-btn-margin-right;
       margin-top: $rte-img-upload-abort-icon-btn-margin-top;
     }
 
@@ -104188,7 +104195,7 @@ $gantt-chartrow-hover-bg-color: $grey-200 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
 
       .e-gantt-child-taskbar-inner-div,

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

@@ -48171,6 +48171,11 @@ $ddt-select-all-checkbox-bottom: 1px !default;
         }
       }
     }
+    &.e-float-input {
+      .e-float-text.e-label-top {
+        top: 15px;
+      }
+    }
   }
 
   .e-ddt-icon-hide {
@@ -50946,6 +50951,7 @@ $listbox-filter-height: calc(100% - 36px) !default;
 $listbox-filter-bigger-height: calc(100% - 44px) !default;
 $listbox-ej2-filterselect-height: calc(100% - 76px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 92px) !default;
+$listbox-icon-padding: 0 !default;
 
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -51442,6 +51448,14 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 92px) !default;
       border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
     }
   }
+  
+  .e-list-icon {
+    display: inline-block;
+    vertical-align: middle;
+    width: auto;
+    height: auto;
+    padding-bottom: $listbox-icon-padding;
+  }
 }
 
 
@@ -55509,9 +55523,6 @@ $de-column-presets-font-size: 60px !default;
             white-space: nowrap;
             color: white;
         }
-        .e-de-contextmenu-wrapper .e-menu-vscroll {
-            z-index: 1000;
-        }
 }
 
 
@@ -59447,6 +59458,10 @@ $split-bar-hover-border-right: none !default;
     &.e-splitter-vertical {
       flex-direction: column;
 
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
+
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;
@@ -74720,12 +74735,6 @@ $rte-popup-item-padding: 2px 4px !default;
       margin-top: 0;
     }
 
-    .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
-    .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
-    .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
-      margin-right: 30px;
-    }
-
     .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list,
     .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list,
     .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list  {
@@ -74737,7 +74746,6 @@ $rte-popup-item-padding: 2px 4px !default;
     .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container,
     .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container {
       margin-left: 0;
-      margin-right: 0;
     }
 
     .e-img-uploadwrap.e-droparea .e-upload .e-upload-files,
@@ -74760,7 +74768,6 @@ $rte-popup-item-padding: 2px 4px !default;
     }
 
     .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
-      margin-right: $rte-img-upload-abort-icon-btn-margin-right;
       margin-top: $rte-img-upload-abort-icon-btn-margin-top;
     }
 
@@ -77856,7 +77863,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
 
       .e-gantt-child-taskbar-inner-div,
@@ -82345,22 +82352,27 @@ $toast-warning-icon: '\e88b' !default;
   .e-toast {
     .e-toast-close-icon::before {
       content: $toast-close-icon;
+      font-family: 'e-icons';
     }
 
     .e-toast-success-icon::before {
       content: $toast-success-icon;
+      font-family: 'e-icons';
     }
 
     .e-toast-error-icon::before {
       content: $toast-error-icon;
+      font-family: 'e-icons';
     }
 
     .e-toast-info-icon::before {
       content: $toast-info-icon;
+      font-family: 'e-icons';
     }
 
     .e-toast-warning-icon::before {
       content: $toast-warning-icon;
+      font-family: 'e-icons';
     }
   }
 }