@syncfusion/blazor-themes 30.1.38 → 30.1.39

package/SCSS-Themes/tailwind-dark.scss

@@ -39235,6 +39235,11 @@ $cmenu-hover-icon-color: $cmenu-icon-color !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
 
         &.e-ul {
@@ -52238,6 +52243,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
           .e-toolbar-item:first-child {
             margin-right: $tbar-item-nrml-mrgn;
           }
+
+          .e-toolbar-item:last-child {
+            margin-left: $tbar-item-nrml-mrgn;
+          }
         }
       }
       
@@ -52300,6 +52309,7 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
 
             &:first-child {
               margin-left: 0;
+              margin-right: $tbar-item-nrml-mrgn;
             }
 
             &:last-child {
@@ -52316,11 +52326,18 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
 
         &:first-child {
 
-          > .e-toolbar-item:last-child,
+          > .e-toolbar-item:last-child {
+
+            &:last-child {
+              margin-right: 0;
+            }
+          }
+
           > .e-toolbar-right .e-toolbar-item {
 
             &:last-child {
               margin-right: 0;
+              margin-left: $tbar-item-nrml-mrgn;
             }
 
             &:first-child {
@@ -53264,7 +53281,7 @@ $tab-nrml-even-ileft-active-text-wrap-margin: 0 !default;
 $tab-big-fill-tb-wrap-height: 50px !default;
 $tab-nrml-fill-tb-wrap-height: 44px !default;
 $tab-focus-bg-color: rgba($content-bg-color-alt2, .12) !default;
-$tab-fill-focus-bg-color: rgba($content-bg-color-alt2, .8) !default;
+$tab-fill-focus-bg-color: $primary !default;
 $tab-hover-bg-color: $content-bg-color-alt3 !default;
 $tab-active-bg-color: $content-bg-color-alt2 !default;
 $tab-fill-active-bg-color: $primary !default;
@@ -53348,7 +53365,7 @@ $tab-alt-active-text-color: $primary-text-color !default;
 $tab-alt-disable-active-text-color: rgba($border-light, .38) !default;
 $tab-alt-hover-text-color: $primary-text-hover !default;
 $tab-alt-active-hover-text-color: $primary-bg-color-pressed !default;
-$tab-alt-active-style-hover-icon-color: $tab-alt-active-hover-text-color !default;
+$tab-alt-active-style-hover-icon-color: $primary-text !default;
 $tab-clone-item-bg-color: $content-bg-color-alt3 !default;
 $tab-clone-text-color: $content-text-color-alt1 !default;
 $tab-icon-container-width: auto !default;
@@ -53684,7 +53701,7 @@ $tab-fill-pop-wrap-hover-icon-color: $tab-hover-text-color !default;
 $tab-fill-pop-wrap-hover-close-color: $tab-hover-text-color !default;
 $tab-fill-focused-active-tabwrap-focus-border-color: unset !default;
 $tab-fill-focused-active-wrap-focus-text-color: $tab-alt-active-style-hover-icon-color !default;
-$tab-fill-focused-active-wrap-focus-close-color: $tab-hover-text-color !default;
+$tab-fill-focused-active-wrap-focus-close-color: $tab-alt-active-close-icon-color !default;
 $tab-background-indicator-bottom: 1px !default;
 $tab-background-wrap-border-color: unset !default;
 $tab-background-close-hover-color: $tab-alt-text-color !default;
@@ -99368,7 +99385,7 @@ $rte-popup-item-padding: 4px 4px !default;
         margin-block-start: 10px;
       }
 
-      e-content ul {
+      .e-content ul {
         list-style-type: disc;
       }
 
@@ -99513,6 +99530,7 @@ $rte-popup-item-padding: 4px 4px !default;
       }
 
       .e-content p:last-child,
+      .e-content p:last-of-type,
       .e-content pre:last-child,
       .e-content blockquote:last-child {
         margin-bottom: 0;
@@ -101205,6 +101223,12 @@ $rte-popup-item-padding: 4px 4px !default;
   }
 }
 
+@if $theme-name == 'material' or $theme-name == 'material-dark' {
+  .e-richtexteditor .e-rte-toolbar:not(.e-rte-inline-toolbar) .e-toolbar-item .e-tbar-btn.e-btn {
+    margin: 0;
+  }
+}
+
 //toolbar popup min height over riding end
 
 .e-richtexteditor .e-rte-tb-bottom {
@@ -102749,7 +102773,8 @@ $rte-popup-item-padding: 4px 4px !default;
 .e-bigger .e-richtexteditor {
   .e-rte-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item,
   .e-rte-toolbar .e-toolbar-pop:not(.e-toolbar-extended) .e-toolbar-item.e-toolbar-popup,
-  .e-rte-toolbar .e-toolbar-item {
+  .e-rte-toolbar .e-toolbar-item,
+  .e-rte-toolbar .e-toolbar-items .e-toolbar-item {
     .e-tbar-btn.e-btn {
       min-height: $rte-big-split-btn-height;
       min-width: $rte-big-split-btn-height;
@@ -110344,6 +110369,10 @@ $lg-desktop: 1399.98;
     position: $pv-page-div-position;
   }
 
+  .e-pdfviewer .e-pv-viewer-container.e-pv-fitHeight {
+    border-style: none;
+  }
+
   .e-pv-viewer-container .e-pv-page-div.e-focused {
     box-shadow: $pv-page-div-focus-style;
   }
@@ -144440,6 +144469,11 @@ $bigger-file-failure-circle-close-icon-margin: 12px !default;
         align-self: flex-end;
       }
     }
+    .e-prompt-content:has(.e-prompt-uploaded-files):not(:has(.e-prompt-text)) {
+      +.e-prompt-toolbar {
+        display: none;
+      }
+    }
   }
   @media (max-width: 760px) {
     .e-aiassistview {
@@ -145152,6 +145186,8 @@ $message-toolbar-border-color: $border-light !default;
         height: 32px !important; /* stylelint-disable-line declaration-no-important */
         min-height: 32px;
         z-index: 10;
+        overflow-x: scroll;
+        scrollbar-width: none;
         &.e-show,
         &:hover {
           display: block;

package/SCSS-Themes/tailwind-lite.scss

@@ -28205,6 +28205,11 @@ $cmenu-hover-icon-color: $cmenu-icon-color !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
 
         &.e-ul {
@@ -37933,6 +37938,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
           .e-toolbar-item:first-child {
             margin-right: $tbar-item-nrml-mrgn;
           }
+
+          .e-toolbar-item:last-child {
+            margin-left: $tbar-item-nrml-mrgn;
+          }
         }
       }
       
@@ -37995,6 +38004,7 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
 
             &:first-child {
               margin-left: 0;
+              margin-right: $tbar-item-nrml-mrgn;
             }
 
             &:last-child {
@@ -38011,11 +38021,18 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
 
         &:first-child {
 
-          > .e-toolbar-item:last-child,
+          > .e-toolbar-item:last-child {
+
+            &:last-child {
+              margin-right: 0;
+            }
+          }
+
           > .e-toolbar-right .e-toolbar-item {
 
             &:last-child {
               margin-right: 0;
+              margin-left: $tbar-item-nrml-mrgn;
             }
 
             &:first-child {
@@ -38635,7 +38652,7 @@ $tab-nrml-even-ileft-active-text-wrap-margin: 0 !default;
 $tab-big-fill-tb-wrap-height: 50px !default;
 $tab-nrml-fill-tb-wrap-height: 44px !default;
 $tab-focus-bg-color: rgba($content-bg-color-alt2, .12) !default;
-$tab-fill-focus-bg-color: rgba($content-bg-color-alt2, .8) !default;
+$tab-fill-focus-bg-color: $primary !default;
 $tab-hover-bg-color: $content-bg-color-alt3 !default;
 $tab-active-bg-color: $content-bg-color-alt2 !default;
 $tab-fill-active-bg-color: $primary !default;
@@ -38719,7 +38736,7 @@ $tab-alt-active-text-color: $primary-text-color !default;
 $tab-alt-disable-active-text-color: rgba($border-light, .38) !default;
 $tab-alt-hover-text-color: $primary-text-hover !default;
 $tab-alt-active-hover-text-color: $primary-bg-color-pressed !default;
-$tab-alt-active-style-hover-icon-color: $tab-alt-active-hover-text-color !default;
+$tab-alt-active-style-hover-icon-color: $primary-text !default;
 $tab-clone-item-bg-color: $content-bg-color-alt3 !default;
 $tab-clone-text-color: $content-text-color-alt1 !default;
 $tab-icon-container-width: auto !default;
@@ -39055,7 +39072,7 @@ $tab-fill-pop-wrap-hover-icon-color: $tab-hover-text-color !default;
 $tab-fill-pop-wrap-hover-close-color: $tab-hover-text-color !default;
 $tab-fill-focused-active-tabwrap-focus-border-color: unset !default;
 $tab-fill-focused-active-wrap-focus-text-color: $tab-alt-active-style-hover-icon-color !default;
-$tab-fill-focused-active-wrap-focus-close-color: $tab-hover-text-color !default;
+$tab-fill-focused-active-wrap-focus-close-color: $tab-alt-active-close-icon-color !default;
 $tab-background-indicator-bottom: 1px !default;
 $tab-background-wrap-border-color: unset !default;
 $tab-background-close-hover-color: $tab-alt-text-color !default;
@@ -73353,7 +73370,7 @@ $rte-popup-item-padding: 4px 4px !default;
         margin-block-start: 10px;
       }
 
-      e-content ul {
+      .e-content ul {
         list-style-type: disc;
       }
 
@@ -73498,6 +73515,7 @@ $rte-popup-item-padding: 4px 4px !default;
       }
 
       .e-content p:last-child,
+      .e-content p:last-of-type,
       .e-content pre:last-child,
       .e-content blockquote:last-child {
         margin-bottom: 0;
@@ -75190,6 +75208,12 @@ $rte-popup-item-padding: 4px 4px !default;
   }
 }
 
+@if $theme-name == 'material' or $theme-name == 'material-dark' {
+  .e-richtexteditor .e-rte-toolbar:not(.e-rte-inline-toolbar) .e-toolbar-item .e-tbar-btn.e-btn {
+    margin: 0;
+  }
+}
+
 //toolbar popup min height over riding end
 
 .e-richtexteditor .e-rte-tb-bottom {
@@ -82824,6 +82848,10 @@ $lg-desktop: 1399.98;
     position: $pv-page-div-position;
   }
 
+  .e-pdfviewer .e-pv-viewer-container.e-pv-fitHeight {
+    border-style: none;
+  }
+
   .e-pv-viewer-container .e-pv-page-div.e-focused {
     box-shadow: $pv-page-div-focus-style;
   }
@@ -111655,6 +111683,11 @@ $bigger-file-failure-circle-close-icon-margin: 12px !default;
         align-self: flex-end;
       }
     }
+    .e-prompt-content:has(.e-prompt-uploaded-files):not(:has(.e-prompt-text)) {
+      +.e-prompt-toolbar {
+        display: none;
+      }
+    }
   }
   @media (max-width: 760px) {
     .e-aiassistview {
@@ -112187,6 +112220,8 @@ $message-toolbar-border-color: $border-light !default;
         height: 32px !important; /* stylelint-disable-line declaration-no-important */
         min-height: 32px;
         z-index: 10;
+        overflow-x: scroll;
+        scrollbar-width: none;
         &.e-show,
         &:hover {
           display: block;

package/SCSS-Themes/tailwind.scss

@@ -39233,6 +39233,11 @@ $cmenu-hover-icon-color: $cmenu-icon-color !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
 
         &.e-ul {
@@ -52236,6 +52241,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
           .e-toolbar-item:first-child {
             margin-right: $tbar-item-nrml-mrgn;
           }
+
+          .e-toolbar-item:last-child {
+            margin-left: $tbar-item-nrml-mrgn;
+          }
         }
       }
       
@@ -52298,6 +52307,7 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
 
             &:first-child {
               margin-left: 0;
+              margin-right: $tbar-item-nrml-mrgn;
             }
 
             &:last-child {
@@ -52314,11 +52324,18 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
 
         &:first-child {
 
-          > .e-toolbar-item:last-child,
+          > .e-toolbar-item:last-child {
+
+            &:last-child {
+              margin-right: 0;
+            }
+          }
+
           > .e-toolbar-right .e-toolbar-item {
 
             &:last-child {
               margin-right: 0;
+              margin-left: $tbar-item-nrml-mrgn;
             }
 
             &:first-child {
@@ -53262,7 +53279,7 @@ $tab-nrml-even-ileft-active-text-wrap-margin: 0 !default;
 $tab-big-fill-tb-wrap-height: 50px !default;
 $tab-nrml-fill-tb-wrap-height: 44px !default;
 $tab-focus-bg-color: rgba($content-bg-color-alt2, .12) !default;
-$tab-fill-focus-bg-color: rgba($content-bg-color-alt2, .8) !default;
+$tab-fill-focus-bg-color: $primary !default;
 $tab-hover-bg-color: $content-bg-color-alt3 !default;
 $tab-active-bg-color: $content-bg-color-alt2 !default;
 $tab-fill-active-bg-color: $primary !default;
@@ -53346,7 +53363,7 @@ $tab-alt-active-text-color: $primary-text-color !default;
 $tab-alt-disable-active-text-color: rgba($border-light, .38) !default;
 $tab-alt-hover-text-color: $primary-text-hover !default;
 $tab-alt-active-hover-text-color: $primary-bg-color-pressed !default;
-$tab-alt-active-style-hover-icon-color: $tab-alt-active-hover-text-color !default;
+$tab-alt-active-style-hover-icon-color: $primary-text !default;
 $tab-clone-item-bg-color: $content-bg-color-alt3 !default;
 $tab-clone-text-color: $content-text-color-alt1 !default;
 $tab-icon-container-width: auto !default;
@@ -53682,7 +53699,7 @@ $tab-fill-pop-wrap-hover-icon-color: $tab-hover-text-color !default;
 $tab-fill-pop-wrap-hover-close-color: $tab-hover-text-color !default;
 $tab-fill-focused-active-tabwrap-focus-border-color: unset !default;
 $tab-fill-focused-active-wrap-focus-text-color: $tab-alt-active-style-hover-icon-color !default;
-$tab-fill-focused-active-wrap-focus-close-color: $tab-hover-text-color !default;
+$tab-fill-focused-active-wrap-focus-close-color: $tab-alt-active-close-icon-color !default;
 $tab-background-indicator-bottom: 1px !default;
 $tab-background-wrap-border-color: unset !default;
 $tab-background-close-hover-color: $tab-alt-text-color !default;
@@ -99366,7 +99383,7 @@ $rte-popup-item-padding: 4px 4px !default;
         margin-block-start: 10px;
       }
 
-      e-content ul {
+      .e-content ul {
         list-style-type: disc;
       }
 
@@ -99511,6 +99528,7 @@ $rte-popup-item-padding: 4px 4px !default;
       }
 
       .e-content p:last-child,
+      .e-content p:last-of-type,
       .e-content pre:last-child,
       .e-content blockquote:last-child {
         margin-bottom: 0;
@@ -101203,6 +101221,12 @@ $rte-popup-item-padding: 4px 4px !default;
   }
 }
 
+@if $theme-name == 'material' or $theme-name == 'material-dark' {
+  .e-richtexteditor .e-rte-toolbar:not(.e-rte-inline-toolbar) .e-toolbar-item .e-tbar-btn.e-btn {
+    margin: 0;
+  }
+}
+
 //toolbar popup min height over riding end
 
 .e-richtexteditor .e-rte-tb-bottom {
@@ -102747,7 +102771,8 @@ $rte-popup-item-padding: 4px 4px !default;
 .e-bigger .e-richtexteditor {
   .e-rte-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item,
   .e-rte-toolbar .e-toolbar-pop:not(.e-toolbar-extended) .e-toolbar-item.e-toolbar-popup,
-  .e-rte-toolbar .e-toolbar-item {
+  .e-rte-toolbar .e-toolbar-item,
+  .e-rte-toolbar .e-toolbar-items .e-toolbar-item {
     .e-tbar-btn.e-btn {
       min-height: $rte-big-split-btn-height;
       min-width: $rte-big-split-btn-height;
@@ -110342,6 +110367,10 @@ $lg-desktop: 1399.98;
     position: $pv-page-div-position;
   }
 
+  .e-pdfviewer .e-pv-viewer-container.e-pv-fitHeight {
+    border-style: none;
+  }
+
   .e-pv-viewer-container .e-pv-page-div.e-focused {
     box-shadow: $pv-page-div-focus-style;
   }
@@ -144438,6 +144467,11 @@ $bigger-file-failure-circle-close-icon-margin: 12px !default;
         align-self: flex-end;
       }
     }
+    .e-prompt-content:has(.e-prompt-uploaded-files):not(:has(.e-prompt-text)) {
+      +.e-prompt-toolbar {
+        display: none;
+      }
+    }
   }
   @media (max-width: 760px) {
     .e-aiassistview {
@@ -145150,6 +145184,8 @@ $message-toolbar-border-color: $border-light !default;
         height: 32px !important; /* stylelint-disable-line declaration-no-important */
         min-height: 32px;
         z-index: 10;
+        overflow-x: scroll;
+        scrollbar-width: none;
         &.e-show,
         &:hover {
           display: block;

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

@@ -29638,6 +29638,11 @@ $cmenu-disabled-item-opacity: .5 !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
 
         &.e-ul {
@@ -39398,6 +39403,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
           .e-toolbar-item:first-child {
             margin-right: $tbar-item-nrml-mrgn;
           }
+
+          .e-toolbar-item:last-child {
+            margin-left: $tbar-item-nrml-mrgn;
+          }
         }
       }
       
@@ -39460,6 +39469,7 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
 
             &:first-child {
               margin-left: 0;
+              margin-right: $tbar-item-nrml-mrgn;
             }
 
             &:last-child {
@@ -39476,11 +39486,18 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
 
         &:first-child {
 
-          > .e-toolbar-item:last-child,
+          > .e-toolbar-item:last-child {
+
+            &:last-child {
+              margin-right: 0;
+            }
+          }
+
           > .e-toolbar-right .e-toolbar-item {
 
             &:last-child {
               margin-right: 0;
+              margin-left: $tbar-item-nrml-mrgn;
             }
 
             &:first-child {
@@ -40233,7 +40250,7 @@ $tab-ripple-bg-color: rgba($transparent, .12) !default;
 $tab-fill-ripple-bg-color: rgba($transparent, .05) !default;
 $tab-alt-ripple-bg-color: rgba($transparent, .1) !default;
 $tab-focus-bg-color: rgba($content-bg-color-alt2, .12) !default;
-$tab-fill-focus-bg-color: rgba($content-bg-color-alt2, .8) !default;
+$tab-fill-focus-bg-color: $primary !default;
 $tab-hover-bg-color: $flyout-bg-color-hover !default;
 $tab-active-bg-color: $flyout-bg-color-pressed !default;
 $tab-fill-active-bg-color: $primary !default;
@@ -40259,7 +40276,7 @@ $tab-pop-active-item-text-color: $tab-active-text-color !default;
 $tab-alt-text-color: $primary-lighter !default;
 $tab-alt-disable-text-color: $primary-bg-color-disabled !default;
 $tab-alt-active-style-hover-text-color: $content-text-color !default;
-$tab-alt-active-style-hover-icon-color: $tab-alt-active-style-hover-text-color !default;
+$tab-alt-active-style-hover-icon-color: $primary-text !default;
 $tab-alt-disable-active-text-color: $content-text-color-alt3 !default;
 $tab-alt-hover-text-color: $primary-text-hover !default;
 $tab-alt-active-hover-text-color: $content-text-color !default;
@@ -40506,7 +40523,7 @@ $tab-fill-pop-wrap-hover-icon-color: $flyout-text-color-hover !default;
 $tab-fill-pop-wrap-hover-close-color: $flyout-text-color-hover !default;
 $tab-fill-focused-active-tabwrap-focus-border-color: $tab-focused-wrap-focus-border-color !default;
 $tab-fill-focused-active-wrap-focus-text-color: $tab-fill-focused-active-wrap-focus-color !default;
-$tab-fill-focused-active-wrap-focus-close-color: $tab-fill-focused-active-wrap-focus-color !default;
+$tab-fill-focused-active-wrap-focus-close-color: $tab-alt-active-close-icon-color !default;
 $tab-background-indicator-bottom: 0 !default;
 $tab-background-wrap-border-color: transparent !default;
 $tab-background-close-hover-color: $tab-alt-active-wrap-close-icon-color !default;
@@ -74875,7 +74892,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         margin-block-start: 10px;
       }
 
-      e-content ul {
+      .e-content ul {
         list-style-type: disc;
       }
 
@@ -75020,6 +75037,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       }
 
       .e-content p:last-child,
+      .e-content p:last-of-type,
       .e-content pre:last-child,
       .e-content blockquote:last-child {
         margin-bottom: 0;
@@ -76712,6 +76730,12 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
   }
 }
 
+@if $theme-name == 'material' or $theme-name == 'material-dark' {
+  .e-richtexteditor .e-rte-toolbar:not(.e-rte-inline-toolbar) .e-toolbar-item .e-tbar-btn.e-btn {
+    margin: 0;
+  }
+}
+
 //toolbar popup min height over riding end
 
 .e-richtexteditor .e-rte-tb-bottom {
@@ -84345,6 +84369,10 @@ $lg-desktop: 1399.98;
     position: $pv-page-div-position;
   }
 
+  .e-pdfviewer .e-pv-viewer-container.e-pv-fitHeight {
+    border-style: none;
+  }
+
   .e-pv-viewer-container .e-pv-page-div.e-focused {
     box-shadow: $pv-page-div-focus-style;
   }
@@ -113183,6 +113211,11 @@ $bigger-file-failure-circle-close-icon-margin: 12px !default;
         align-self: flex-end;
       }
     }
+    .e-prompt-content:has(.e-prompt-uploaded-files):not(:has(.e-prompt-text)) {
+      +.e-prompt-toolbar {
+        display: none;
+      }
+    }
   }
   @media (max-width: 760px) {
     .e-aiassistview {
@@ -113715,6 +113748,8 @@ $message-toolbar-border-color: $border-light !default;
         height: 32px !important; /* stylelint-disable-line declaration-no-important */
         min-height: 32px;
         z-index: 10;
+        overflow-x: scroll;
+        scrollbar-width: none;
         &.e-show,
         &:hover {
           display: block;