@syncfusion/blazor-themes 20.4.48 → 20.4.50

package/SCSS-Themes/pivotview/pivotview/fabric-dark.scss

@@ -833,6 +833,26 @@ $pivotpager-single-size-title-padding: 4px !default;
 
       .e-toolbar-items {
         background: $pivotgrid-grp-bg-color;
+
+        .e-toolbar-item {
+          .e-tbar-btn.e-btn.e-control {
+            @if ($skin-name =='fabric') or ($skin-name =='fabric-dark') or ($skin-name =='material') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') or ($skin-name =='bootstrap4') {
+              background: $pivotgrid-grp-bg-color;
+
+              &:hover {
+                @if ($skin-name =='material') or ($skin-name =='material-dark') or ($skin-name =='fabric-dark') or ($skin-name =='bootstrap4') {
+                  background: $pivotgrid-grp-bg-hover-color;
+                }
+              }
+
+              &:focus {
+                @if ($skin-name =='bootstrap4') {
+                  background: $pivotgrid-grp-bg-hover-color;
+                }
+              }
+            }
+          }
+        }
       }
 
       .e-toolbar-item .e-tbar-btn.e-btn {
@@ -1439,10 +1459,8 @@ $pivotpager-single-size-title-padding: 4px !default;
     }
 
     .e-toolbar .e-tbar-btn {
-      background-color: transparent;
-
-      @if ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
-        border: none !important;
+      @if ($skin-name == 'tailwind') {
+        background-color: transparent;
       }
 
       &:hover {
@@ -2864,6 +2882,10 @@ $pivotpager-single-size-title-padding: 4px !default;
       display: none !important;
     }
 
+    .e-pivotchart.e-chart {
+      overflow: visible !important;
+    }
+
     /* stylelint-enable */
   }
 

package/SCSS-Themes/pivotview/pivotview/fabric.scss

@@ -830,6 +830,26 @@ $pivotpager-single-size-title-padding: 4px !default;
 
       .e-toolbar-items {
         background: $pivotgrid-grp-bg-color;
+
+        .e-toolbar-item {
+          .e-tbar-btn.e-btn.e-control {
+            @if ($skin-name =='fabric') or ($skin-name =='fabric-dark') or ($skin-name =='material') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') or ($skin-name =='bootstrap4') {
+              background: $pivotgrid-grp-bg-color;
+
+              &:hover {
+                @if ($skin-name =='material') or ($skin-name =='material-dark') or ($skin-name =='fabric-dark') or ($skin-name =='bootstrap4') {
+                  background: $pivotgrid-grp-bg-hover-color;
+                }
+              }
+
+              &:focus {
+                @if ($skin-name =='bootstrap4') {
+                  background: $pivotgrid-grp-bg-hover-color;
+                }
+              }
+            }
+          }
+        }
       }
 
       .e-toolbar-item .e-tbar-btn.e-btn {
@@ -1436,10 +1456,8 @@ $pivotpager-single-size-title-padding: 4px !default;
     }
 
     .e-toolbar .e-tbar-btn {
-      background-color: transparent;
-
-      @if ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
-        border: none !important;
+      @if ($skin-name == 'tailwind') {
+        background-color: transparent;
       }
 
       &:hover {
@@ -2861,6 +2879,10 @@ $pivotpager-single-size-title-padding: 4px !default;
       display: none !important;
     }
 
+    .e-pivotchart.e-chart {
+      overflow: visible !important;
+    }
+
     /* stylelint-enable */
   }
 

package/SCSS-Themes/pivotview/pivotview/fluent-dark.scss

@@ -836,6 +836,26 @@ $pivotpager-single-size-title-padding: 8px !default;
 
       .e-toolbar-items {
         background: $pivotgrid-grp-bg-color;
+
+        .e-toolbar-item {
+          .e-tbar-btn.e-btn.e-control {
+            @if ($skin-name =='fabric') or ($skin-name =='fabric-dark') or ($skin-name =='material') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') or ($skin-name =='bootstrap4') {
+              background: $pivotgrid-grp-bg-color;
+
+              &:hover {
+                @if ($skin-name =='material') or ($skin-name =='material-dark') or ($skin-name =='fabric-dark') or ($skin-name =='bootstrap4') {
+                  background: $pivotgrid-grp-bg-hover-color;
+                }
+              }
+
+              &:focus {
+                @if ($skin-name =='bootstrap4') {
+                  background: $pivotgrid-grp-bg-hover-color;
+                }
+              }
+            }
+          }
+        }
       }
 
       .e-toolbar-item .e-tbar-btn.e-btn {
@@ -1442,10 +1462,8 @@ $pivotpager-single-size-title-padding: 8px !default;
     }
 
     .e-toolbar .e-tbar-btn {
-      background-color: transparent;
-
-      @if ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
-        border: none !important;
+      @if ($skin-name == 'tailwind') {
+        background-color: transparent;
       }
 
       &:hover {
@@ -2867,6 +2885,10 @@ $pivotpager-single-size-title-padding: 8px !default;
       display: none !important;
     }
 
+    .e-pivotchart.e-chart {
+      overflow: visible !important;
+    }
+
     /* stylelint-enable */
   }
 

package/SCSS-Themes/pivotview/pivotview/fluent.scss

@@ -836,6 +836,26 @@ $pivotpager-single-size-title-padding: 8px !default;
 
       .e-toolbar-items {
         background: $pivotgrid-grp-bg-color;
+
+        .e-toolbar-item {
+          .e-tbar-btn.e-btn.e-control {
+            @if ($skin-name =='fabric') or ($skin-name =='fabric-dark') or ($skin-name =='material') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') or ($skin-name =='bootstrap4') {
+              background: $pivotgrid-grp-bg-color;
+
+              &:hover {
+                @if ($skin-name =='material') or ($skin-name =='material-dark') or ($skin-name =='fabric-dark') or ($skin-name =='bootstrap4') {
+                  background: $pivotgrid-grp-bg-hover-color;
+                }
+              }
+
+              &:focus {
+                @if ($skin-name =='bootstrap4') {
+                  background: $pivotgrid-grp-bg-hover-color;
+                }
+              }
+            }
+          }
+        }
       }
 
       .e-toolbar-item .e-tbar-btn.e-btn {
@@ -1442,10 +1462,8 @@ $pivotpager-single-size-title-padding: 8px !default;
     }
 
     .e-toolbar .e-tbar-btn {
-      background-color: transparent;
-
-      @if ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
-        border: none !important;
+      @if ($skin-name == 'tailwind') {
+        background-color: transparent;
       }
 
       &:hover {
@@ -2867,6 +2885,10 @@ $pivotpager-single-size-title-padding: 8px !default;
       display: none !important;
     }
 
+    .e-pivotchart.e-chart {
+      overflow: visible !important;
+    }
+
     /* stylelint-enable */
   }
 

package/SCSS-Themes/pivotview/pivotview/highcontrast.scss

@@ -829,6 +829,26 @@ $pivotpager-single-size-title-padding: 4px !default;
 
       .e-toolbar-items {
         background: $pivotgrid-grp-bg-color;
+
+        .e-toolbar-item {
+          .e-tbar-btn.e-btn.e-control {
+            @if ($skin-name =='fabric') or ($skin-name =='fabric-dark') or ($skin-name =='material') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') or ($skin-name =='bootstrap4') {
+              background: $pivotgrid-grp-bg-color;
+
+              &:hover {
+                @if ($skin-name =='material') or ($skin-name =='material-dark') or ($skin-name =='fabric-dark') or ($skin-name =='bootstrap4') {
+                  background: $pivotgrid-grp-bg-hover-color;
+                }
+              }
+
+              &:focus {
+                @if ($skin-name =='bootstrap4') {
+                  background: $pivotgrid-grp-bg-hover-color;
+                }
+              }
+            }
+          }
+        }
       }
 
       .e-toolbar-item .e-tbar-btn.e-btn {
@@ -1435,10 +1455,8 @@ $pivotpager-single-size-title-padding: 4px !default;
     }
 
     .e-toolbar .e-tbar-btn {
-      background-color: transparent;
-
-      @if ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
-        border: none !important;
+      @if ($skin-name == 'tailwind') {
+        background-color: transparent;
       }
 
       &:hover {
@@ -2860,6 +2878,10 @@ $pivotpager-single-size-title-padding: 4px !default;
       display: none !important;
     }
 
+    .e-pivotchart.e-chart {
+      overflow: visible !important;
+    }
+
     /* stylelint-enable */
   }
 

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

@@ -837,6 +837,26 @@ $pivotpager-single-size-title-padding: 14px !default;
 
       .e-toolbar-items {
         background: $pivotgrid-grp-bg-color;
+
+        .e-toolbar-item {
+          .e-tbar-btn.e-btn.e-control {
+            @if ($skin-name =='fabric') or ($skin-name =='fabric-dark') or ($skin-name =='material') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') or ($skin-name =='bootstrap4') {
+              background: $pivotgrid-grp-bg-color;
+
+              &:hover {
+                @if ($skin-name =='material') or ($skin-name =='material-dark') or ($skin-name =='fabric-dark') or ($skin-name =='bootstrap4') {
+                  background: $pivotgrid-grp-bg-hover-color;
+                }
+              }
+
+              &:focus {
+                @if ($skin-name =='bootstrap4') {
+                  background: $pivotgrid-grp-bg-hover-color;
+                }
+              }
+            }
+          }
+        }
       }
 
       .e-toolbar-item .e-tbar-btn.e-btn {
@@ -1443,10 +1463,8 @@ $pivotpager-single-size-title-padding: 14px !default;
     }
 
     .e-toolbar .e-tbar-btn {
-      background-color: transparent;
-
-      @if ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
-        border: none !important;
+      @if ($skin-name == 'tailwind') {
+        background-color: transparent;
       }
 
       &:hover {
@@ -2868,6 +2886,10 @@ $pivotpager-single-size-title-padding: 14px !default;
       display: none !important;
     }
 
+    .e-pivotchart.e-chart {
+      overflow: visible !important;
+    }
+
     /* stylelint-enable */
   }
 

package/SCSS-Themes/pivotview/pivotview/material.scss

@@ -833,6 +833,26 @@ $pivotpager-single-size-title-padding: 14px !default;
 
       .e-toolbar-items {
         background: $pivotgrid-grp-bg-color;
+
+        .e-toolbar-item {
+          .e-tbar-btn.e-btn.e-control {
+            @if ($skin-name =='fabric') or ($skin-name =='fabric-dark') or ($skin-name =='material') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') or ($skin-name =='bootstrap4') {
+              background: $pivotgrid-grp-bg-color;
+
+              &:hover {
+                @if ($skin-name =='material') or ($skin-name =='material-dark') or ($skin-name =='fabric-dark') or ($skin-name =='bootstrap4') {
+                  background: $pivotgrid-grp-bg-hover-color;
+                }
+              }
+
+              &:focus {
+                @if ($skin-name =='bootstrap4') {
+                  background: $pivotgrid-grp-bg-hover-color;
+                }
+              }
+            }
+          }
+        }
       }
 
       .e-toolbar-item .e-tbar-btn.e-btn {
@@ -1439,10 +1459,8 @@ $pivotpager-single-size-title-padding: 14px !default;
     }
 
     .e-toolbar .e-tbar-btn {
-      background-color: transparent;
-
-      @if ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
-        border: none !important;
+      @if ($skin-name == 'tailwind') {
+        background-color: transparent;
       }
 
       &:hover {
@@ -2864,6 +2882,10 @@ $pivotpager-single-size-title-padding: 14px !default;
       display: none !important;
     }
 
+    .e-pivotchart.e-chart {
+      overflow: visible !important;
+    }
+
     /* stylelint-enable */
   }
 

package/SCSS-Themes/pivotview/pivotview/tailwind-dark.scss

@@ -836,6 +836,26 @@ $pivotpager-single-size-title-padding: 8px !default;
 
       .e-toolbar-items {
         background: $pivotgrid-grp-bg-color;
+
+        .e-toolbar-item {
+          .e-tbar-btn.e-btn.e-control {
+            @if ($skin-name =='fabric') or ($skin-name =='fabric-dark') or ($skin-name =='material') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') or ($skin-name =='bootstrap4') {
+              background: $pivotgrid-grp-bg-color;
+
+              &:hover {
+                @if ($skin-name =='material') or ($skin-name =='material-dark') or ($skin-name =='fabric-dark') or ($skin-name =='bootstrap4') {
+                  background: $pivotgrid-grp-bg-hover-color;
+                }
+              }
+
+              &:focus {
+                @if ($skin-name =='bootstrap4') {
+                  background: $pivotgrid-grp-bg-hover-color;
+                }
+              }
+            }
+          }
+        }
       }
 
       .e-toolbar-item .e-tbar-btn.e-btn {
@@ -1442,10 +1462,8 @@ $pivotpager-single-size-title-padding: 8px !default;
     }
 
     .e-toolbar .e-tbar-btn {
-      background-color: transparent;
-
-      @if ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
-        border: none !important;
+      @if ($skin-name == 'tailwind') {
+        background-color: transparent;
       }
 
       &:hover {
@@ -2867,6 +2885,10 @@ $pivotpager-single-size-title-padding: 8px !default;
       display: none !important;
     }
 
+    .e-pivotchart.e-chart {
+      overflow: visible !important;
+    }
+
     /* stylelint-enable */
   }
 

package/SCSS-Themes/pivotview/pivotview/tailwind.scss

@@ -836,6 +836,26 @@ $pivotpager-single-size-title-padding: 8px !default;
 
       .e-toolbar-items {
         background: $pivotgrid-grp-bg-color;
+
+        .e-toolbar-item {
+          .e-tbar-btn.e-btn.e-control {
+            @if ($skin-name =='fabric') or ($skin-name =='fabric-dark') or ($skin-name =='material') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') or ($skin-name =='bootstrap4') {
+              background: $pivotgrid-grp-bg-color;
+
+              &:hover {
+                @if ($skin-name =='material') or ($skin-name =='material-dark') or ($skin-name =='fabric-dark') or ($skin-name =='bootstrap4') {
+                  background: $pivotgrid-grp-bg-hover-color;
+                }
+              }
+
+              &:focus {
+                @if ($skin-name =='bootstrap4') {
+                  background: $pivotgrid-grp-bg-hover-color;
+                }
+              }
+            }
+          }
+        }
       }
 
       .e-toolbar-item .e-tbar-btn.e-btn {
@@ -1442,10 +1462,8 @@ $pivotpager-single-size-title-padding: 8px !default;
     }
 
     .e-toolbar .e-tbar-btn {
-      background-color: transparent;
-
-      @if ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
-        border: none !important;
+      @if ($skin-name == 'tailwind') {
+        background-color: transparent;
       }
 
       &:hover {
@@ -2867,6 +2885,10 @@ $pivotpager-single-size-title-padding: 8px !default;
       display: none !important;
     }
 
+    .e-pivotchart.e-chart {
+      overflow: visible !important;
+    }
+
     /* stylelint-enable */
   }
 

package/SCSS-Themes/popups/dialog/fluent-dark.scss

@@ -2,7 +2,7 @@
 @import '../../popups/popup/fluent-dark.scss';
 @import '../../buttons/button/fluent-dark.scss';
 //Layout Variables Start
-$dialog-close-button-left: 15px !default;
+$dialog-close-button-left: 0 !default;
 $dialog-header-border: 0 solid $border-light !default;
 $dialog-close-icon-font-size: 14px !default;
 $dialog-bigger-close-icon-font-size: 16px !default;
@@ -11,7 +11,7 @@ $header-content-border-radius: 0 !default;
 $dialog-border-radius: $model-radius !default;
 $dialog-border: 0 solid $border-light !default;
 $dialog-content-font-size: $text-sm !default;
-$dialog-header-line-height: $leading-tight !default;
+$dialog-header-line-height: $leading-loose !default;
 $dialog-content-line-height: $leading-normal !default;
 $dialog-content-padding-top: 0 !default;
 $dialog-bigger-content-padding-top: 0 !default;
@@ -38,7 +38,7 @@ $dialog-close-icon-width: 12px !default;
 $dialog-bigger-close-icon-height: 14px !default;
 $dialog-bigger-close-icon-width: 14px !default;
 $dialog-close-icon-top: 0 !default;
-$dialog-headericon-bottom: 5px !default;
+$dialog-headericon-bottom: 0 !default;
 $dialog-bigger-header-content-font-size: $text-lg !default;
 $dialog-bigger-content-font-size: $text-base !default;
 $dialog-bigger-close-icon-top: 0 !default;

package/SCSS-Themes/popups/dialog/fluent.scss

@@ -2,7 +2,7 @@
 @import '../../popups/popup/fluent.scss';
 @import '../../buttons/button/fluent.scss';
 //Layout Variables Start
-$dialog-close-button-left: 15px !default;
+$dialog-close-button-left: 0 !default;
 $dialog-header-border: 0 solid $border-light !default;
 $dialog-close-icon-font-size: 14px !default;
 $dialog-bigger-close-icon-font-size: 16px !default;
@@ -11,7 +11,7 @@ $header-content-border-radius: 0 !default;
 $dialog-border-radius: $model-radius !default;
 $dialog-border: 0 solid $border-light !default;
 $dialog-content-font-size: $text-sm !default;
-$dialog-header-line-height: $leading-tight !default;
+$dialog-header-line-height: $leading-loose !default;
 $dialog-content-line-height: $leading-normal !default;
 $dialog-content-padding-top: 0 !default;
 $dialog-bigger-content-padding-top: 0 !default;
@@ -38,7 +38,7 @@ $dialog-close-icon-width: 12px !default;
 $dialog-bigger-close-icon-height: 14px !default;
 $dialog-bigger-close-icon-width: 14px !default;
 $dialog-close-icon-top: 0 !default;
-$dialog-headericon-bottom: 5px !default;
+$dialog-headericon-bottom: 0 !default;
 $dialog-bigger-header-content-font-size: $text-lg !default;
 $dialog-bigger-content-font-size: $text-base !default;
 $dialog-bigger-close-icon-top: 0 !default;

package/SCSS-Themes/popups/dialog/tailwind-dark.scss

@@ -19,7 +19,7 @@ $dialog-device-content-font-size: $text-base !default;
 $dialog-border-radius: 6px !default;
 $dialog-header-icon-hover-border-radius: 50% !default;
 $dialog-close-button-height: 20px !default;
-$dialog-close-button-width: 20px !default;
+$dialog-close-button-width: 0 !default;
 $dialog-header-content-padding: 10px 18px !default;
 $dialog-content-padding:  12px 18px 12px 18px !default;
 $dialog-footer-content-padding: 8px 18px 8px 18px !default;

package/SCSS-Themes/popups/dialog/tailwind.scss

@@ -19,7 +19,7 @@ $dialog-device-content-font-size: $text-base !default;
 $dialog-border-radius: 6px !default;
 $dialog-header-icon-hover-border-radius: 50% !default;
 $dialog-close-button-height: 20px !default;
-$dialog-close-button-width: 20px !default;
+$dialog-close-button-width: 0 !default;
 $dialog-header-content-padding: 10px 18px !default;
 $dialog-content-padding:  12px 18px 12px 18px !default;
 $dialog-footer-content-padding: 8px 18px 8px 18px !default;

package/SCSS-Themes/tailwind-dark.scss

@@ -2108,16 +2108,16 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
     border: $acrdn-border-size $acrdn-border-type $acrdn-default-border;
     border-radius: $acrdn-border-radius;
 
-    .e-active {
-      background: $acrdn-active-bg-color;
-    }
-
     .e-acrdn-item {
       border-color: $acrdn-item-border-color;
       border-style: $acrdn-item-border-nav-type;
       border-width: $acrdn-item-border-size;
       border-radius: $acrdn-item-border-radius;
 
+      &.e-active {
+        background: $acrdn-active-bg-color;
+      }
+
       &.e-select:last-child {
         border-bottom: $acrdn-item-select-last-child-border-bottom;
         border-radius: $acrdn-item-select-last-child-border-radius;
@@ -35277,7 +35277,9 @@ $cmenu-hover-icon-color: $cmenu-icon-color !default;
   }
 
   &.e-menu-caret-icon {
-    padding-left: $cmenu-caret-li-padding;
+    @if $skin-name != 'FluentUI' {
+      padding-left: $cmenu-caret-li-padding;
+    }
     padding-right: $cmenu-li-right-padding;
   }
 
@@ -35470,7 +35472,9 @@ $cmenu-hover-icon-color: $cmenu-icon-color !default;
   .e-bigger.e-contextmenu-wrapper.e-rtl ul .e-blankicon,
   .e-bigger .e-contextmenu-container.e-rtl ul .e-blankicon,
   .e-bigger.e-contextmenu-container.e-rtl ul .e-blankicon {
-    @include bigger-rtl-blank-icon;
+    @if $skin-name != 'FluentUI' {
+      @include bigger-rtl-blank-icon;
+    }
   }
 }
 
@@ -42914,7 +42918,7 @@ $dialog-device-content-font-size: $text-base !default;
 $dialog-border-radius: 6px !default;
 $dialog-header-icon-hover-border-radius: 50% !default;
 $dialog-close-button-height: 20px !default;
-$dialog-close-button-width: 20px !default;
+$dialog-close-button-width: 0 !default;
 $dialog-header-content-padding: 10px 18px !default;
 $dialog-content-padding:  12px 18px 12px 18px !default;
 $dialog-footer-content-padding: 8px 18px 8px 18px !default;
@@ -54080,6 +54084,7 @@ $menu-caret-color: $cmenu-caret-color !default;
             line-height: $menu-li-height;
             margin-right: $menu-icon-margin-right;
             text-align: center;
+            margin-bottom: 4px;
           }
 
           & .e-caret {
@@ -54733,7 +54738,7 @@ $menu-caret-color: $cmenu-caret-color !default;
 
     @at-root {
       & .e-menu {
-        @if $skin-name == 'bootstrap4' or $skin-name == 'FluentUI' {
+        @if $skin-name == 'bootstrap4' {
           background-color: $cmenu-ul-bgcolor;
         }
         @else {
@@ -102378,6 +102383,26 @@ $pivotpager-single-size-title-padding: 8px !default;
 
       .e-toolbar-items {
         background: $pivotgrid-grp-bg-color;
+
+        .e-toolbar-item {
+          .e-tbar-btn.e-btn.e-control {
+            @if ($skin-name =='fabric') or ($skin-name =='fabric-dark') or ($skin-name =='material') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') or ($skin-name =='bootstrap4') {
+              background: $pivotgrid-grp-bg-color;
+
+              &:hover {
+                @if ($skin-name =='material') or ($skin-name =='material-dark') or ($skin-name =='fabric-dark') or ($skin-name =='bootstrap4') {
+                  background: $pivotgrid-grp-bg-hover-color;
+                }
+              }
+
+              &:focus {
+                @if ($skin-name =='bootstrap4') {
+                  background: $pivotgrid-grp-bg-hover-color;
+                }
+              }
+            }
+          }
+        }
       }
 
       .e-toolbar-item .e-tbar-btn.e-btn {
@@ -102984,10 +103009,8 @@ $pivotpager-single-size-title-padding: 8px !default;
     }
 
     .e-toolbar .e-tbar-btn {
-      background-color: transparent;
-
-      @if ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
-        border: none !important;
+      @if ($skin-name == 'tailwind') {
+        background-color: transparent;
       }
 
       &:hover {
@@ -104409,6 +104432,10 @@ $pivotpager-single-size-title-padding: 8px !default;
       display: none !important;
     }
 
+    .e-pivotchart.e-chart {
+      overflow: visible !important;
+    }
+
     /* stylelint-enable */
   }