@syncfusion/blazor-themes 22.1.39 → 22.2.7

package/SCSS-Themes/fluent.scss

@@ -2484,7 +2484,11 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: $content-text-color !defaul
           color: $acrdn-icon-color;
         }
       }
-
+      &.e-select.e-selected > .e-acrdn-header {
+        &:focus {
+          border: $acrdn-item-exp-not-selected-hdr-focus-border;
+        }
+      }
       &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
 
         &:focus {
@@ -30927,7 +30931,7 @@ $drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
 
     &:focus-visible { // only for keybord
       @if $skin-name == 'Material3' {
-        box-shadow: $btn-keyboard-focus-box-shadow !important; /* stylelint-disable-line declaration-no-important */
+        box-shadow: $btn-keyboard-focus-box-shadow;
       }
     }
 
@@ -73330,7 +73334,9 @@ $pager-focus-shadow: 0 0 0 1px $primary inset !default;
       box-sizing: border-box;
     }
 
-    .e-pager-default.e-hide {
+    .e-pager-default.e-hide,
+    .e-pagesizes.e-hide,
+    .e-hide {
       display: none;
     }
 
@@ -91493,7 +91499,7 @@ $gantt-masked-table-background-color: rgb(225,223,221);
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 98%;
+        width: 99%;
       }
 
       .e-gantt-child-taskbar-inner-div,
@@ -92998,7 +93004,6 @@ $gantt-masked-table-background-color: rgb(225,223,221);
   .e-gantt .e-gantt-chart .e-gantt-child-critical-progressbar-inner-div {
     background-color: $gantt-critical-child-progress-bar;
     border: $gantt-child-progress-bar-border;
-    position: absolute;
     border-radius: $gantt-child-progress-bar-border-radius;
   }
 
@@ -107701,6 +107706,7 @@ $pivotgrid-rowsheader-cellvalue-margin-left: 8px !default;
 $pivotgrid-rowsheader-cellvalue-margin-top: 5px !default;
 $pivotgrid-excelfilter-member-editor-node-limit-height: 65px !default;
 $pivotgrid-member-editor-node-limit-bigger-height: 450px !default;
+$pivotgrid-cell-value-margin-top: 1px !default;
 
 // $pivotview-filter-toolbar-indicator-margin-left: 20px !default;
 $pivotview-filter-toolbar-items-margin-left: 20px !default;
@@ -108457,6 +108463,12 @@ $pivotpager-single-size-title-padding: 8px !default;
       }
     }
 
+    &.sf-pivotview {
+      .e-pivot-toolbar {
+        box-sizing: border-box;
+      }
+    }
+
     .e-pivot-toolbar {
       background: $pivotgrid-grp-bg-color;
       border-bottom: 0;
@@ -108966,6 +108978,32 @@ $pivotpager-single-size-title-padding: 8px !default;
 
   /*! PivotView theme */
   .e-pivotview {
+    .e-pivotcell-container {
+      display: flex;
+
+      .e-stackedheadertext,
+      .e-headertext {
+        &.e-cellvalue {
+          overflow: hidden;
+          text-overflow: ellipsis;
+        }
+      }
+
+      .e-sortfilterdiv.e-value-sort-icon {
+        align-items: center;
+        display: flex;
+      }
+    }
+
+    .e-gridclip .e-pivotcell-container {
+      .e-stackedheadertext,
+      .e-headertext {
+        &.e-cellvalue {
+          text-overflow: clip;
+        }
+      }
+    }
+
     .e-nextspan {
       display: inline-block;
       width: $pivotview-indent-space-size;
@@ -109114,19 +109152,7 @@ $pivotpager-single-size-title-padding: 8px !default;
 
     div {
       &.e-cellvalue {
-        margin-top: 5px;
-  
-        @if ($pivotgrid-skin == 'highcontrast-light') or ($pivotgrid-skin == 'highcontrast') or ($skin-name == 'Material3') {
-          margin-top: 0;
-        }
-  
-        @if ($skin-name == 'tailwind') or ($skin-name == 'bootstrap5') {
-          margin-top: 2px;
-        }
-  
-        @if ($skin-name == 'FluentUI') {
-          margin-top: 1px;
-        }
+        margin-top: $pivotgrid-cell-value-margin-top;
       }
 
       div span.e-value-sort-icon {
@@ -109160,12 +109186,12 @@ $pivotpager-single-size-title-padding: 8px !default;
       }
     }
 
-    .e-stackedheadercelldiv .e-sortfilterdiv, .e-headercelldiv .e-sortfilterdiv {
-      margin: $pivotgrid-vsort-column-margin !important;
-    }
-
-    .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
-      margin: $pivotgrid-vsort-column-parent-margin !important;
+    .e-stackedheadercelldiv, .e-headercelldiv {
+      .e-sortfilterdiv, .e-sortfilterdiv.e-value-sort-align {
+        margin: $pivotgrid-vsort-column-parent-margin !important;
+        margin-left: auto !important;
+        margin-top: $pivotgrid-cell-value-margin-top !important;
+      }
     }
 
     .e-rowsheader .e-sortfilterdiv {

package/SCSS-Themes/gantt/gantt/bootstrap-dark.scss

@@ -1201,7 +1201,7 @@ $gantt-masked-table-background-color: #e1dfdd;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 98%;
+        width: 99%;
       }
 
       .e-gantt-child-taskbar-inner-div,
@@ -2706,7 +2706,6 @@ $gantt-masked-table-background-color: #e1dfdd;
   .e-gantt .e-gantt-chart .e-gantt-child-critical-progressbar-inner-div {
     background-color: $gantt-critical-child-progress-bar;
     border: $gantt-child-progress-bar-border;
-    position: absolute;
     border-radius: $gantt-child-progress-bar-border-radius;
   }
 

package/SCSS-Themes/gantt/gantt/bootstrap.scss

@@ -1201,7 +1201,7 @@ $gantt-masked-table-background-color: #e1dfdd;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 98%;
+        width: 99%;
       }
 
       .e-gantt-child-taskbar-inner-div,
@@ -2706,7 +2706,6 @@ $gantt-masked-table-background-color: #e1dfdd;
   .e-gantt .e-gantt-chart .e-gantt-child-critical-progressbar-inner-div {
     background-color: $gantt-critical-child-progress-bar;
     border: $gantt-child-progress-bar-border;
-    position: absolute;
     border-radius: $gantt-child-progress-bar-border-radius;
   }
 

package/SCSS-Themes/gantt/gantt/bootstrap4.scss

@@ -1203,7 +1203,7 @@ $gantt-masked-table-background-color: #e1dfdd;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 98%;
+        width: 99%;
       }
 
       .e-gantt-child-taskbar-inner-div,
@@ -2708,7 +2708,6 @@ $gantt-masked-table-background-color: #e1dfdd;
   .e-gantt .e-gantt-chart .e-gantt-child-critical-progressbar-inner-div {
     background-color: $gantt-critical-child-progress-bar;
     border: $gantt-child-progress-bar-border;
-    position: absolute;
     border-radius: $gantt-child-progress-bar-border-radius;
   }
 

package/SCSS-Themes/gantt/gantt/bootstrap5-dark.scss

@@ -1205,7 +1205,7 @@ $gantt-masked-table-background-color: rgb(225,223,221);
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 98%;
+        width: 99%;
       }
 
       .e-gantt-child-taskbar-inner-div,
@@ -2710,7 +2710,6 @@ $gantt-masked-table-background-color: rgb(225,223,221);
   .e-gantt .e-gantt-chart .e-gantt-child-critical-progressbar-inner-div {
     background-color: $gantt-critical-child-progress-bar;
     border: $gantt-child-progress-bar-border;
-    position: absolute;
     border-radius: $gantt-child-progress-bar-border-radius;
   }
 

package/SCSS-Themes/gantt/gantt/bootstrap5.scss

@@ -1205,7 +1205,7 @@ $gantt-masked-table-background-color: rgb(225,223,221);
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 98%;
+        width: 99%;
       }
 
       .e-gantt-child-taskbar-inner-div,
@@ -2710,7 +2710,6 @@ $gantt-masked-table-background-color: rgb(225,223,221);
   .e-gantt .e-gantt-chart .e-gantt-child-critical-progressbar-inner-div {
     background-color: $gantt-critical-child-progress-bar;
     border: $gantt-child-progress-bar-border;
-    position: absolute;
     border-radius: $gantt-child-progress-bar-border-radius;
   }
 

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

@@ -1201,7 +1201,7 @@ $gantt-masked-table-background-color: #e1dfdd;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 98%;
+        width: 99%;
       }
 
       .e-gantt-child-taskbar-inner-div,
@@ -2706,7 +2706,6 @@ $gantt-masked-table-background-color: #e1dfdd;
   .e-gantt .e-gantt-chart .e-gantt-child-critical-progressbar-inner-div {
     background-color: $gantt-critical-child-progress-bar;
     border: $gantt-child-progress-bar-border;
-    position: absolute;
     border-radius: $gantt-child-progress-bar-border-radius;
   }
 

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

@@ -1201,7 +1201,7 @@ $gantt-masked-table-background-color: #e1dfdd;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 98%;
+        width: 99%;
       }
 
       .e-gantt-child-taskbar-inner-div,
@@ -2706,7 +2706,6 @@ $gantt-masked-table-background-color: #e1dfdd;
   .e-gantt .e-gantt-chart .e-gantt-child-critical-progressbar-inner-div {
     background-color: $gantt-critical-child-progress-bar;
     border: $gantt-child-progress-bar-border;
-    position: absolute;
     border-radius: $gantt-child-progress-bar-border-radius;
   }
 

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

@@ -1205,7 +1205,7 @@ $gantt-masked-table-background-color: rgb(225,223,221);
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 98%;
+        width: 99%;
       }
 
       .e-gantt-child-taskbar-inner-div,
@@ -2710,7 +2710,6 @@ $gantt-masked-table-background-color: rgb(225,223,221);
   .e-gantt .e-gantt-chart .e-gantt-child-critical-progressbar-inner-div {
     background-color: $gantt-critical-child-progress-bar;
     border: $gantt-child-progress-bar-border;
-    position: absolute;
     border-radius: $gantt-child-progress-bar-border-radius;
   }
 

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

@@ -1205,7 +1205,7 @@ $gantt-masked-table-background-color: rgb(225,223,221);
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 98%;
+        width: 99%;
       }
 
       .e-gantt-child-taskbar-inner-div,
@@ -2710,7 +2710,6 @@ $gantt-masked-table-background-color: rgb(225,223,221);
   .e-gantt .e-gantt-chart .e-gantt-child-critical-progressbar-inner-div {
     background-color: $gantt-critical-child-progress-bar;
     border: $gantt-child-progress-bar-border;
-    position: absolute;
     border-radius: $gantt-child-progress-bar-border-radius;
   }
 

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

@@ -1201,7 +1201,7 @@ $gantt-masked-table-background-color: #e1dfdd;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 98%;
+        width: 99%;
       }
 
       .e-gantt-child-taskbar-inner-div,
@@ -2706,7 +2706,6 @@ $gantt-masked-table-background-color: #e1dfdd;
   .e-gantt .e-gantt-chart .e-gantt-child-critical-progressbar-inner-div {
     background-color: $gantt-critical-child-progress-bar;
     border: $gantt-child-progress-bar-border;
-    position: absolute;
     border-radius: $gantt-child-progress-bar-border-radius;
   }
 

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

@@ -1202,7 +1202,7 @@ $gantt-masked-table-background-color: #e1dfdd;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 98%;
+        width: 99%;
       }
 
       .e-gantt-child-taskbar-inner-div,
@@ -2707,7 +2707,6 @@ $gantt-masked-table-background-color: #e1dfdd;
   .e-gantt .e-gantt-chart .e-gantt-child-critical-progressbar-inner-div {
     background-color: $gantt-critical-child-progress-bar;
     border: $gantt-child-progress-bar-border;
-    position: absolute;
     border-radius: $gantt-child-progress-bar-border-radius;
   }
 

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

@@ -1202,7 +1202,7 @@ $gantt-masked-table-background-color: #e1dfdd;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 98%;
+        width: 99%;
       }
 
       .e-gantt-child-taskbar-inner-div,
@@ -2707,7 +2707,6 @@ $gantt-masked-table-background-color: #e1dfdd;
   .e-gantt .e-gantt-chart .e-gantt-child-critical-progressbar-inner-div {
     background-color: $gantt-critical-child-progress-bar;
     border: $gantt-child-progress-bar-border;
-    position: absolute;
     border-radius: $gantt-child-progress-bar-border-radius;
   }
 

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

@@ -1206,7 +1206,7 @@ $gantt-split-container-line-border-color: rgba($outline);
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 98%;
+        width: 99%;
       }
 
       .e-gantt-child-taskbar-inner-div,
@@ -2711,7 +2711,6 @@ $gantt-split-container-line-border-color: rgba($outline);
   .e-gantt .e-gantt-chart .e-gantt-child-critical-progressbar-inner-div {
     background-color: $gantt-critical-child-progress-bar;
     border: $gantt-child-progress-bar-border;
-    position: absolute;
     border-radius: $gantt-child-progress-bar-border-radius;
   }
 

package/SCSS-Themes/gantt/gantt/material3.scss

@@ -1206,7 +1206,7 @@ $gantt-split-container-line-border-color: rgba($outline);
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 98%;
+        width: 99%;
       }
 
       .e-gantt-child-taskbar-inner-div,
@@ -2711,7 +2711,6 @@ $gantt-split-container-line-border-color: rgba($outline);
   .e-gantt .e-gantt-chart .e-gantt-child-critical-progressbar-inner-div {
     background-color: $gantt-critical-child-progress-bar;
     border: $gantt-child-progress-bar-border;
-    position: absolute;
     border-radius: $gantt-child-progress-bar-border-radius;
   }
 

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

@@ -1206,7 +1206,7 @@ $gantt-masked-table-background-color: rgb(225,223,221);
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 98%;
+        width: 99%;
       }
 
       .e-gantt-child-taskbar-inner-div,
@@ -2711,7 +2711,6 @@ $gantt-masked-table-background-color: rgb(225,223,221);
   .e-gantt .e-gantt-chart .e-gantt-child-critical-progressbar-inner-div {
     background-color: $gantt-critical-child-progress-bar;
     border: $gantt-child-progress-bar-border;
-    position: absolute;
     border-radius: $gantt-child-progress-bar-border-radius;
   }
 

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

@@ -1206,7 +1206,7 @@ $gantt-masked-table-background-color: rgb(225,223,221);
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 98%;
+        width: 99%;
       }
 
       .e-gantt-child-taskbar-inner-div,
@@ -2711,7 +2711,6 @@ $gantt-masked-table-background-color: rgb(225,223,221);
   .e-gantt .e-gantt-chart .e-gantt-child-critical-progressbar-inner-div {
     background-color: $gantt-critical-child-progress-bar;
     border: $gantt-child-progress-bar-border;
-    position: absolute;
     border-radius: $gantt-child-progress-bar-border-radius;
   }
 

package/SCSS-Themes/grids/grid/material.scss

@@ -209,7 +209,7 @@ $grid-edit-input-margin-top: 0 !default;
 $frozen-border: 2px solid !default;
 $grid-fltrdiv-float: right !default;
 $grid-fltrdiv-text-align: right !default;
-$grid-fltrdiv-margin: -19px -7px !default;
+$grid-fltrdiv-margin: -18px -7px !default;
 $grid-fltrdiv-padding: 6px !default;
 $grid-rtl-fltrdiv-padding: 6px !default;
 $grid-flmenu-padding: 24px 0 0 !default;
@@ -217,7 +217,7 @@ $grid-flmenu-boolean-content-padding: 18px 18px 0 !default;
 $grid-flmenu-boolean-button-width: 110px !default;
 $grid-flmenu-device-padding: 24px 0 0 !default;
 $grid-fltrmnu-dd-max-height: 298px !default;
-$grid-rtl-fltrdiv-margin: -19px 0 -18px -11px !default;
+$grid-rtl-fltrdiv-margin: -18px 0 -18px -11px !default;
 $grid-rtl-bigger-fltrdiv-margin: -20px 0 -18px -11px !default;
 $grid-rtl-headercelldiv-rightalign-fltricon-margin: -7px !default;
 $grid-rtl-headercelldiv-fltricon-margin: -7px !default;

package/SCSS-Themes/grids/grid/material3-dark.scss

@@ -275,8 +275,8 @@ $grid-fltr-sortnumber-rightalign-margin: 0 8px 0 8px !default;
 $grid-sortnumber-rightalign-margin: 0 2px 0 2px !default;
 $grid-sortnumer-line-height: 20px !default;
 $grid-bigger-sortnumer-line-height: 24px !default;
-$grid-sortdiv-right-align-margin: -12px 8px -12px -2px !default;
-$grid-sortdiv-margin:  -12px -2px -12px 8px !default;
+$grid-sortdiv-right-align-margin: -14px 8px -12px -2px !default;
+$grid-sortdiv-margin:  -14px -2px -12px 8px !default;
 $grid-sortdiv-padding: 2px !default;
 $grid-ungroup-button-line-height: 12px !default;
 $grid-ungroup-button-font-size: 12px !default;
@@ -333,10 +333,10 @@ $grid-fltr-rtl-sortnumber-margin: 0 0 0 12px !default;
 $grid-rtl-sortnumber-margin: 0 8px 0 -8px !default;
 $grid-fltr-rtl-sortnumber-rightalign-margin: 0 0 0 12px !default;
 $grid-rtl-sortnumber-rightalign-margin: 0 8px 0 24px !default;
-$grid-rtl-sortcelldiv-margin: -12px 8px -12px -2px !default;
-$grid-rtl-sortcelldiv-right-align-margin: -12px 8px -12px -2px !default;
-$grid-rtl-bigger-sortcelldiv-right-align-margin: -16px 12px -12px -2px !default;
-$grid-rtl-bigger-sortcelldiv-margin: -16px 12px -12px -2px !default;
+$grid-rtl-sortcelldiv-margin: -13px 8px -12px -2px !default;
+$grid-rtl-sortcelldiv-right-align-margin: -13px 8px -12px -2px !default;
+$grid-rtl-bigger-sortcelldiv-right-align-margin: -17px 12px -12px -2px !default;
+$grid-rtl-bigger-sortcelldiv-margin: -17px 12px -12px -2px !default;
 $grid-rtl-grouped-headercell-padding: 5px 0 !default;
 $grid-rtl-group-text-margin-left: 2px !default;
 $grid-rtl-group-sorticon-margin-right: -7px !default;
@@ -442,15 +442,15 @@ $grid-rtl-checkbox-content-padding-left: 14px !default;
 $grid-bigger-checkbox-padding-topbottom: 9px !default;
 $grid-bigger-checkbox-content-padding-left: 7px !default;
 $grid-rtl-bigger-checkbox-content-padding-left: 16px !default;
-$grid-fltrdiv-margin: -14px -2px -12px 8px !default;
-$grid-rtl-fltrdiv-margin: -14px 8px -12px -2px !default;
+$grid-fltrdiv-margin: -15px -2px -12px 8px !default;
+$grid-rtl-fltrdiv-margin: -15px 8px -12px -2px !default;
 $grid-rtl-bigger-fltrdiv-margin: -19px 4px -14px -2px !default;
 $grid-bigger-rtl-headercelldiv-fltricon-padding: -5px -10px -5px 0 !default;
 $grid-bigger-fltrdiv-margin: -19px -2px -14px 4px !default;
-$grid-sortdiv-filtericon-margin: -14px 22px -12px 8px !default;
-$grid-sortdiv-filtericon-rightalign-margin: -14px 8px -12px -2px !default;
-$grid-rtl-sortdiv-filtericon-rightalign-margin: -14px 8px -12px 22px !default;
-$grid-rtl-sortdiv-filtericon-margin: -14px 8px -13px 22px !default;
+$grid-sortdiv-filtericon-margin: -15px 22px -12px 8px !default;
+$grid-sortdiv-filtericon-rightalign-margin: -15px 8px -12px -2px !default;
+$grid-rtl-sortdiv-filtericon-rightalign-margin: -15px 8px -12px 22px !default;
+$grid-rtl-sortdiv-filtericon-margin: -15px 8px -13px 22px !default;
 $grid-bigger-fltricon-sortdiv-rightalign-margin: -19px 4px -14px -2px !default;
 $grid-bigger-fltricon-sortdiv-margin: -19px 23px -14px 4px !default;
 $grid-rtl-bigger-fltricon-sortdiv-margin: -19px 4px -14px 24px !default;
@@ -458,7 +458,7 @@ $grid-rtl-bigger-fltricon-sortdiv-rightalign-margin: -19px 4px -14px 23px !defau
 $grid-column-menu-sub-menu-box-shadow: $shadow-md !default;
 $grid-bigger-checkbox-filter-min-height: 360px !default;
 $grid-checkbox-filter-min-height: 307px !default;
-$grid-column-menu-margin: -14px -18px -12px 8px !default;
+$grid-column-menu-margin: -15px -18px -12px 8px !default;
 $grid-column-menu-padding: 2px !default;
 $grid-textwrap-column-menu-margin: -19px -20px -20px -20px !default;
 $grid-bigger-column-menu-margin: -14px -18px -12px 8px !default;
@@ -528,7 +528,7 @@ $grid-ungroup-rtl-margin-left: 0 !default;
 $grid-rtl-group-sorticon-margin-left: -5px !default;
 $grid-rtl-column-menu-left: 23px !default;
 $grid-checkboxfiltertext-width: 150px !default;
-$grid-rtl-column-menu-margin: -14px 8px -12px -16px !default;
+$grid-rtl-column-menu-margin: -15px 8px -12px -16px !default;
 $grid-rtl-textwrap-column-menu-margin: -17px -13px -23px -25px !default;
 $grid-filter-checkbox-width: 0 !default;
 $grid-filter-checkbox-white-space: nowrap !default;

package/SCSS-Themes/grids/grid/material3.scss

@@ -275,8 +275,8 @@ $grid-fltr-sortnumber-rightalign-margin: 0 8px 0 8px !default;
 $grid-sortnumber-rightalign-margin: 0 2px 0 2px !default;
 $grid-sortnumer-line-height: 20px !default;
 $grid-bigger-sortnumer-line-height: 24px !default;
-$grid-sortdiv-right-align-margin: -12px 8px -12px -2px !default;
-$grid-sortdiv-margin:  -12px -2px -12px 8px !default;
+$grid-sortdiv-right-align-margin: -14px 8px -12px -2px !default;
+$grid-sortdiv-margin:  -14px -2px -12px 8px !default;
 $grid-sortdiv-padding: 2px !default;
 $grid-ungroup-button-line-height: 12px !default;
 $grid-ungroup-button-font-size: 12px !default;
@@ -333,10 +333,10 @@ $grid-fltr-rtl-sortnumber-margin: 0 0 0 12px !default;
 $grid-rtl-sortnumber-margin: 0 8px 0 -8px !default;
 $grid-fltr-rtl-sortnumber-rightalign-margin: 0 0 0 12px !default;
 $grid-rtl-sortnumber-rightalign-margin: 0 8px 0 24px !default;
-$grid-rtl-sortcelldiv-margin: -12px 8px -12px -2px !default;
-$grid-rtl-sortcelldiv-right-align-margin: -12px 8px -12px -2px !default;
-$grid-rtl-bigger-sortcelldiv-right-align-margin: -16px 12px -12px -2px !default;
-$grid-rtl-bigger-sortcelldiv-margin: -16px 12px -12px -2px !default;
+$grid-rtl-sortcelldiv-margin: -13px 8px -12px -2px !default;
+$grid-rtl-sortcelldiv-right-align-margin: -13px 8px -12px -2px !default;
+$grid-rtl-bigger-sortcelldiv-right-align-margin: -17px 12px -12px -2px !default;
+$grid-rtl-bigger-sortcelldiv-margin: -17px 12px -12px -2px !default;
 $grid-rtl-grouped-headercell-padding: 5px 0 !default;
 $grid-rtl-group-text-margin-left: 2px !default;
 $grid-rtl-group-sorticon-margin-right: -7px !default;
@@ -442,15 +442,15 @@ $grid-rtl-checkbox-content-padding-left: 14px !default;
 $grid-bigger-checkbox-padding-topbottom: 9px !default;
 $grid-bigger-checkbox-content-padding-left: 7px !default;
 $grid-rtl-bigger-checkbox-content-padding-left: 16px !default;
-$grid-fltrdiv-margin: -14px -2px -12px 8px !default;
-$grid-rtl-fltrdiv-margin: -14px 8px -12px -2px !default;
+$grid-fltrdiv-margin: -15px -2px -12px 8px !default;
+$grid-rtl-fltrdiv-margin: -15px 8px -12px -2px !default;
 $grid-rtl-bigger-fltrdiv-margin: -19px 4px -14px -2px !default;
 $grid-bigger-rtl-headercelldiv-fltricon-padding: -5px -10px -5px 0 !default;
 $grid-bigger-fltrdiv-margin: -19px -2px -14px 4px !default;
-$grid-sortdiv-filtericon-margin: -14px 22px -12px 8px !default;
-$grid-sortdiv-filtericon-rightalign-margin: -14px 8px -12px -2px !default;
-$grid-rtl-sortdiv-filtericon-rightalign-margin: -14px 8px -12px 22px !default;
-$grid-rtl-sortdiv-filtericon-margin: -14px 8px -13px 22px !default;
+$grid-sortdiv-filtericon-margin: -15px 22px -12px 8px !default;
+$grid-sortdiv-filtericon-rightalign-margin: -15px 8px -12px -2px !default;
+$grid-rtl-sortdiv-filtericon-rightalign-margin: -15px 8px -12px 22px !default;
+$grid-rtl-sortdiv-filtericon-margin: -15px 8px -13px 22px !default;
 $grid-bigger-fltricon-sortdiv-rightalign-margin: -19px 4px -14px -2px !default;
 $grid-bigger-fltricon-sortdiv-margin: -19px 23px -14px 4px !default;
 $grid-rtl-bigger-fltricon-sortdiv-margin: -19px 4px -14px 24px !default;
@@ -458,7 +458,7 @@ $grid-rtl-bigger-fltricon-sortdiv-rightalign-margin: -19px 4px -14px 23px !defau
 $grid-column-menu-sub-menu-box-shadow: $shadow-md !default;
 $grid-bigger-checkbox-filter-min-height: 360px !default;
 $grid-checkbox-filter-min-height: 307px !default;
-$grid-column-menu-margin: -14px -18px -12px 8px !default;
+$grid-column-menu-margin: -15px -18px -12px 8px !default;
 $grid-column-menu-padding: 2px !default;
 $grid-textwrap-column-menu-margin: -19px -20px -20px -20px !default;
 $grid-bigger-column-menu-margin: -14px -18px -12px 8px !default;
@@ -528,7 +528,7 @@ $grid-ungroup-rtl-margin-left: 0 !default;
 $grid-rtl-group-sorticon-margin-left: -5px !default;
 $grid-rtl-column-menu-left: 23px !default;
 $grid-checkboxfiltertext-width: 150px !default;
-$grid-rtl-column-menu-margin: -14px 8px -12px -16px !default;
+$grid-rtl-column-menu-margin: -15px 8px -12px -16px !default;
 $grid-rtl-textwrap-column-menu-margin: -17px -13px -23px -25px !default;
 $grid-filter-checkbox-width: 0 !default;
 $grid-filter-checkbox-white-space: nowrap !default;