@syncfusion/blazor-themes 23.1.41 → 23.1.43

package/SCSS-Themes/calendars/daterangepicker/tailwind-dark.scss

@@ -412,8 +412,8 @@ $range-header-font-size: 16px !default;
           #{if(&, '&', '*')} .e-title {
             cursor: $range-cursor-pointer-style;
             line-height: $range-normal-nav-icon-height;
-            width: $range-control-header-width;
             @if ($skin-name != 'FluentUI') {
+              width: $range-control-header-width;
               float: $range-float-none;
               font-weight: $range-font-weight-normal;
               margin-left: $range-value-zero;
@@ -427,12 +427,13 @@ $range-header-font-size: 16px !default;
             }
           }
           #{if(&, '&', '*')} .e-next {
-            float: $range-float-right;
+            @if ($skin-name != 'FluentUI') {
+              float: $range-float-right;
+            }
           }
           #{if(&, '&', '*')} .e-prev {
-            float: $range-float-left;
-            @if ($skin-name == 'FluentUI') {
-              float: $range-float-right;
+            @if ($skin-name != 'FluentUI') {
+              float: $range-float-left;
             }
           }
           #{if(&, '&', '*')} .e-next,
@@ -576,7 +577,9 @@ $range-header-font-size: 16px !default;
             float: $range-float-left;
           }
           #{if(&, '&', '*')} .e-prev {
-            float: $range-float-right;
+            @if ($skin-name != 'FluentUI') {
+              float: $range-float-right;
+            }
           }
           #{if(&, '&', '*')} .e-start-date.e-selected.e-range-hover {
             border-radius: $range-hover-end-radius;

package/SCSS-Themes/calendars/daterangepicker/tailwind.scss

@@ -412,8 +412,8 @@ $range-header-font-size: 16px !default;
           #{if(&, '&', '*')} .e-title {
             cursor: $range-cursor-pointer-style;
             line-height: $range-normal-nav-icon-height;
-            width: $range-control-header-width;
             @if ($skin-name != 'FluentUI') {
+              width: $range-control-header-width;
               float: $range-float-none;
               font-weight: $range-font-weight-normal;
               margin-left: $range-value-zero;
@@ -427,12 +427,13 @@ $range-header-font-size: 16px !default;
             }
           }
           #{if(&, '&', '*')} .e-next {
-            float: $range-float-right;
+            @if ($skin-name != 'FluentUI') {
+              float: $range-float-right;
+            }
           }
           #{if(&, '&', '*')} .e-prev {
-            float: $range-float-left;
-            @if ($skin-name == 'FluentUI') {
-              float: $range-float-right;
+            @if ($skin-name != 'FluentUI') {
+              float: $range-float-left;
             }
           }
           #{if(&, '&', '*')} .e-next,
@@ -576,7 +577,9 @@ $range-header-font-size: 16px !default;
             float: $range-float-left;
           }
           #{if(&, '&', '*')} .e-prev {
-            float: $range-float-right;
+            @if ($skin-name != 'FluentUI') {
+              float: $range-float-right;
+            }
           }
           #{if(&, '&', '*')} .e-start-date.e-selected.e-range-hover {
             border-radius: $range-hover-end-radius;

package/SCSS-Themes/dropdowns/list-box/bootstrap-dark.scss

@@ -779,7 +779,7 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
       }
 
       & .e-selectall-parent + .e-list-parent {
-        height: $listbox-select-height;
+        height: $listbox-select-height !important; /* stylelint-disable-line declaration-no-important */
       }
 
       & .e-icons {

package/SCSS-Themes/dropdowns/list-box/bootstrap.scss

@@ -772,7 +772,7 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
       }
 
       & .e-selectall-parent + .e-list-parent {
-        height: $listbox-select-height;
+        height: $listbox-select-height !important; /* stylelint-disable-line declaration-no-important */
       }
 
       & .e-icons {

package/SCSS-Themes/dropdowns/list-box/bootstrap4.scss

@@ -777,7 +777,7 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 108px) !default;
       }
 
       & .e-selectall-parent + .e-list-parent {
-        height: $listbox-select-height;
+        height: $listbox-select-height !important; /* stylelint-disable-line declaration-no-important */
       }
 
       & .e-icons {

package/SCSS-Themes/dropdowns/list-box/bootstrap5-dark.scss

@@ -773,7 +773,7 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
       }
 
       & .e-selectall-parent + .e-list-parent {
-        height: $listbox-select-height;
+        height: $listbox-select-height !important; /* stylelint-disable-line declaration-no-important */
       }
 
       & .e-icons {

package/SCSS-Themes/dropdowns/list-box/bootstrap5.scss

@@ -773,7 +773,7 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
       }
 
       & .e-selectall-parent + .e-list-parent {
-        height: $listbox-select-height;
+        height: $listbox-select-height !important; /* stylelint-disable-line declaration-no-important */
       }
 
       & .e-icons {

package/SCSS-Themes/dropdowns/list-box/fabric-dark.scss

@@ -779,7 +779,7 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
       }
 
       & .e-selectall-parent + .e-list-parent {
-        height: $listbox-select-height;
+        height: $listbox-select-height !important; /* stylelint-disable-line declaration-no-important */
       }
 
       & .e-icons {

package/SCSS-Themes/dropdowns/list-box/fabric.scss

@@ -772,7 +772,7 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
       }
 
       & .e-selectall-parent + .e-list-parent {
-        height: $listbox-select-height;
+        height: $listbox-select-height !important; /* stylelint-disable-line declaration-no-important */
       }
 
       & .e-icons {

package/SCSS-Themes/dropdowns/list-box/fluent-dark.scss

@@ -773,7 +773,7 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 113px) !default;
       }
 
       & .e-selectall-parent + .e-list-parent {
-        height: $listbox-select-height;
+        height: $listbox-select-height !important; /* stylelint-disable-line declaration-no-important */
       }
 
       & .e-icons {

package/SCSS-Themes/dropdowns/list-box/fluent.scss

@@ -773,7 +773,7 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 113px) !default;
       }
 
       & .e-selectall-parent + .e-list-parent {
-        height: $listbox-select-height;
+        height: $listbox-select-height !important; /* stylelint-disable-line declaration-no-important */
       }
 
       & .e-icons {

package/SCSS-Themes/dropdowns/list-box/highcontrast.scss

@@ -772,7 +772,7 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
       }
 
       & .e-selectall-parent + .e-list-parent {
-        height: $listbox-select-height;
+        height: $listbox-select-height !important; /* stylelint-disable-line declaration-no-important */
       }
 
       & .e-icons {

package/SCSS-Themes/dropdowns/list-box/material-dark.scss

@@ -779,7 +779,7 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 103px) !default;
       }
 
       & .e-selectall-parent + .e-list-parent {
-        height: $listbox-select-height;
+        height: $listbox-select-height !important; /* stylelint-disable-line declaration-no-important */
       }
 
       & .e-icons {

package/SCSS-Themes/dropdowns/list-box/material.scss

@@ -772,7 +772,7 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 103px) !default;
       }
 
       & .e-selectall-parent + .e-list-parent {
-        height: $listbox-select-height;
+        height: $listbox-select-height !important; /* stylelint-disable-line declaration-no-important */
       }
 
       & .e-icons {

package/SCSS-Themes/dropdowns/list-box/material3-dark.scss

@@ -772,7 +772,7 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 92px) !default;
       }
 
       & .e-selectall-parent + .e-list-parent {
-        height: $listbox-select-height;
+        height: $listbox-select-height !important; /* stylelint-disable-line declaration-no-important */
       }
 
       & .e-icons {

package/SCSS-Themes/dropdowns/list-box/material3.scss

@@ -772,7 +772,7 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 92px) !default;
       }
 
       & .e-selectall-parent + .e-list-parent {
-        height: $listbox-select-height;
+        height: $listbox-select-height !important; /* stylelint-disable-line declaration-no-important */
       }
 
       & .e-icons {

package/SCSS-Themes/dropdowns/list-box/tailwind-dark.scss

@@ -772,7 +772,7 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
       }
 
       & .e-selectall-parent + .e-list-parent {
-        height: $listbox-select-height;
+        height: $listbox-select-height !important; /* stylelint-disable-line declaration-no-important */
       }
 
       & .e-icons {

package/SCSS-Themes/dropdowns/list-box/tailwind.scss

@@ -772,7 +772,7 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
       }
 
       & .e-selectall-parent + .e-list-parent {
-        height: $listbox-select-height;
+        height: $listbox-select-height !important; /* stylelint-disable-line declaration-no-important */
       }
 
       & .e-icons {

package/SCSS-Themes/fabric-dark.scss

@@ -40392,11 +40392,15 @@ $switch-bigger-small-ripple-width: 36px !default;
         }
 
         & .e-ripple-container {
-          background-color: $switch-checked-ripple-bg-color;
+          @if $skin-name == 'Material3' {
+            background-color: $switch-checked-ripple-bg-color;
+          }
         }
   
         & .e-ripple-check.e-ripple-container {
-          background-color: $switch-ripple-bg-color;
+          @if $skin-name == 'Material3' {
+            background-color: $switch-ripple-bg-color;
+          }
         }
       }
     }
@@ -42150,8 +42154,8 @@ $range-header-font-size: 16px !default;
           #{if(&, '&', '*')} .e-title {
             cursor: $range-cursor-pointer-style;
             line-height: $range-normal-nav-icon-height;
-            width: $range-control-header-width;
             @if ($skin-name != 'FluentUI') {
+              width: $range-control-header-width;
               float: $range-float-none;
               font-weight: $range-font-weight-normal;
               margin-left: $range-value-zero;
@@ -42165,12 +42169,13 @@ $range-header-font-size: 16px !default;
             }
           }
           #{if(&, '&', '*')} .e-next {
-            float: $range-float-right;
+            @if ($skin-name != 'FluentUI') {
+              float: $range-float-right;
+            }
           }
           #{if(&, '&', '*')} .e-prev {
-            float: $range-float-left;
-            @if ($skin-name == 'FluentUI') {
-              float: $range-float-right;
+            @if ($skin-name != 'FluentUI') {
+              float: $range-float-left;
             }
           }
           #{if(&, '&', '*')} .e-next,
@@ -42314,7 +42319,9 @@ $range-header-font-size: 16px !default;
             float: $range-float-left;
           }
           #{if(&, '&', '*')} .e-prev {
-            float: $range-float-right;
+            @if ($skin-name != 'FluentUI') {
+              float: $range-float-right;
+            }
           }
           #{if(&, '&', '*')} .e-start-date.e-selected.e-range-hover {
             border-radius: $range-hover-end-radius;
@@ -63235,7 +63242,7 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
       }
 
       & .e-selectall-parent + .e-list-parent {
-        height: $listbox-select-height;
+        height: $listbox-select-height !important; /* stylelint-disable-line declaration-no-important */
       }
 
       & .e-icons {
@@ -74615,7 +74622,7 @@ $grid-header-font-size: 14px !default;
 $grid-bigger-header-font-size: $grid-header-font-size !default;
 $grid-grouped-headercell-span-padding: 0 !default;
 $grid-group-unpgroupicon-padding-right: 0 !default;
-$grid-group-text-width: 57px !default;
+$grid-group-text-width: auto !default;
 
 $grid-content-bg-color: $content-bg-color !default;
 $grid-popup-bg-color: $content-bg-color !default;
@@ -75123,7 +75130,7 @@ $grid-animator-bigger-area-margin: 22px !default;
 $grid-group-animator-drop-height: 48px !default;
 $grid-group-animator-cell-margin: 16px 0 16px 0 !default;
 $grid-animtor-border-bottom-width: 1px !default;
-$grid-animator-area-padding: 0 !default;
+$grid-animator-area-padding: 0 16px 0 !default;
 $grid-animtor-area-border-width: 1px !default;
 $grid-animator-area-border: 0 !default;
 $grid-animator-area-margin: 15px !default;
@@ -75387,6 +75394,10 @@ $grid-dropitems-count-margin-left: -8px !default;
       padding: $grid-bigger-content-padding $grid-bigger-content-right-padding;
     }
 
+    .e-summarycell.e-lastrowcell {
+      border-bottom-width: 1px;
+    }
+
     .e-rowcell .e-checkbox-wrapper,
     .e-rowcell .e-css.e-checkbox-wrapper {
       @if $grid-skin == 'material3' {
@@ -76541,7 +76552,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
     .e-bigger & .e-group-animator .e-groupheadercell,
     .e-bigger & .e-group-animator .e-groupheadercell:hover {
-        margin: $grid-group-animator-bigger-cell-margin;
+margin: $grid-group-animator-bigger-cell-margin;
         border-bottom-width: $grid-animtor-border-bottom-width;
     }
 
@@ -76561,7 +76572,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
     & .e-group-animator .e-groupheadercell,
     & .e-group-animator .e-groupheadercell:hover {
-        margin: $grid-group-animator-cell-margin;
+margin: $grid-group-animator-cell-margin;
         border-bottom-width: $grid-animtor-border-bottom-width;
     }
 
@@ -76570,9 +76581,8 @@ $grid-dropitems-count-margin-left: -8px !default;
     }
 
     & .e-groupdroparea.e-group-animate.e-grouped {
-        overflow: hidden;
         padding: $grid-animator-area-padding;
-        height: $grid-group-animator-drop-height;
+        height: auto;
         border-bottom-width: $grid-animator-area-border;
     }
 
@@ -76590,14 +76600,6 @@ $grid-dropitems-count-margin-left: -8px !default;
         margin-top: $grid-animator-margin-top-rtl;
     }
 
-    &.e-rtl .e-group-animator:first-child .e-groupheadercell {
-        margin: $grid-animator-rtl-first-group;
-    }
-
-    & .e-group-animator:first-child .e-groupheadercell {
-        margin: $grid-animator-first-group;
-    }
-
     .e-group-animate.e-groupdroparea .e-nextgroup {
         margin-top: $grid-animator-area-margin;
     }
@@ -77085,6 +77087,9 @@ $grid-dropitems-count-margin-left: -8px !default;
       }
       white-space: normal;
       word-wrap: break-word;
+      &.e-lastrowcell {
+        border-bottom-width: 1px;
+      }
     }
 
     .e-summarycontent {
@@ -82420,6 +82425,11 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
           .e-rcursor {
             border: 0;
           }
+          
+          @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
+            padding: 5px 8px;
+            line-height: 16px;
+          }
         }
 
         @include visibility(hidden);
@@ -82470,6 +82480,11 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
               line-height: 20px;
             }
           }
+          
+          @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
+            padding: 10px 8px;
+            line-height: 16px;
+          }
         }
 
         tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
@@ -91744,7 +91759,7 @@ $gantt-masked-table-background-color: #e1dfdd;
       }
 
       .e-zero-spacing {
-        border-spacing: .25px;
+        border-spacing: 0;
       }
 
       .e-chart-row:first-child .e-chart-row-border {
@@ -107086,7 +107101,6 @@ $olap-bigger-tree-outer-div-width: 325px !default;
               .e-label {
                 color: $field-list-default-font-color;
                 font-family: $field-list-font-family;
-                font-size: 14px;
                 opacity: .87;
               }
             }
@@ -109459,6 +109473,16 @@ $pivotpager-single-size-title-padding: 4px !default;
       }
     }
 
+    &.e-device {
+      .e-pivotcell-container {
+        .e-stackedheadertext {
+          &.e-cellvalue {
+            align-self: center;
+          }
+        }
+      }
+    }
+
     .e-nextspan {
       display: inline-block;
       width: $pivotview-indent-space-size;
@@ -109520,9 +109544,10 @@ $pivotpager-single-size-title-padding: 4px !default;
         border-bottom-color: $border-light;
       }
 
-      table th[rowspan = '1'] {
-        padding-bottom: 0;
-        padding-top: 0;
+      table th[rowspan = '1'],
+      table th:not([rowspan]) {
+        padding-bottom: 0 !important;
+        padding-top: 0 !important;
         vertical-align: middle;
       }
     }

package/SCSS-Themes/fabric.scss

@@ -40206,11 +40206,15 @@ $switch-bigger-small-ripple-width: 36px !default;
         }
 
         & .e-ripple-container {
-          background-color: $switch-checked-ripple-bg-color;
+          @if $skin-name == 'Material3' {
+            background-color: $switch-checked-ripple-bg-color;
+          }
         }
   
         & .e-ripple-check.e-ripple-container {
-          background-color: $switch-ripple-bg-color;
+          @if $skin-name == 'Material3' {
+            background-color: $switch-ripple-bg-color;
+          }
         }
       }
     }
@@ -41950,8 +41954,8 @@ $range-header-font-size: 16px !default;
           #{if(&, '&', '*')} .e-title {
             cursor: $range-cursor-pointer-style;
             line-height: $range-normal-nav-icon-height;
-            width: $range-control-header-width;
             @if ($skin-name != 'FluentUI') {
+              width: $range-control-header-width;
               float: $range-float-none;
               font-weight: $range-font-weight-normal;
               margin-left: $range-value-zero;
@@ -41965,12 +41969,13 @@ $range-header-font-size: 16px !default;
             }
           }
           #{if(&, '&', '*')} .e-next {
-            float: $range-float-right;
+            @if ($skin-name != 'FluentUI') {
+              float: $range-float-right;
+            }
           }
           #{if(&, '&', '*')} .e-prev {
-            float: $range-float-left;
-            @if ($skin-name == 'FluentUI') {
-              float: $range-float-right;
+            @if ($skin-name != 'FluentUI') {
+              float: $range-float-left;
             }
           }
           #{if(&, '&', '*')} .e-next,
@@ -42114,7 +42119,9 @@ $range-header-font-size: 16px !default;
             float: $range-float-left;
           }
           #{if(&, '&', '*')} .e-prev {
-            float: $range-float-right;
+            @if ($skin-name != 'FluentUI') {
+              float: $range-float-right;
+            }
           }
           #{if(&, '&', '*')} .e-start-date.e-selected.e-range-hover {
             border-radius: $range-hover-end-radius;
@@ -62999,7 +63006,7 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
       }
 
       & .e-selectall-parent + .e-list-parent {
-        height: $listbox-select-height;
+        height: $listbox-select-height !important; /* stylelint-disable-line declaration-no-important */
       }
 
       & .e-icons {
@@ -74379,7 +74386,7 @@ $grid-header-font-size: 14px !default;
 $grid-bigger-header-font-size: $grid-header-font-size !default;
 $grid-grouped-headercell-span-padding: 0 !default;
 $grid-group-unpgroupicon-padding-right: 0 !default;
-$grid-group-text-width: 57px !default;
+$grid-group-text-width: auto !default;
 
 $grid-content-bg-color: $content-bg-color !default;
 $grid-popup-bg-color: $content-bg-color !default;
@@ -74886,7 +74893,7 @@ $grid-animator-bigger-area-margin: 22px !default;
 $grid-group-animator-drop-height: 48px !default;
 $grid-group-animator-cell-margin: 16px 0 16px 0 !default;
 $grid-animtor-border-bottom-width: 1px !default;
-$grid-animator-area-padding: 0 !default;
+$grid-animator-area-padding: 0 16px 0 !default;
 $grid-animtor-area-border-width: 1px !default;
 $grid-animator-area-border: 0 !default;
 $grid-animator-area-margin: 15px !default;
@@ -75150,6 +75157,10 @@ $grid-dropitems-count-margin-left: -8px !default;
       padding: $grid-bigger-content-padding $grid-bigger-content-right-padding;
     }
 
+    .e-summarycell.e-lastrowcell {
+      border-bottom-width: 1px;
+    }
+
     .e-rowcell .e-checkbox-wrapper,
     .e-rowcell .e-css.e-checkbox-wrapper {
       @if $grid-skin == 'material3' {
@@ -76304,7 +76315,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
     .e-bigger & .e-group-animator .e-groupheadercell,
     .e-bigger & .e-group-animator .e-groupheadercell:hover {
-        margin: $grid-group-animator-bigger-cell-margin;
+margin: $grid-group-animator-bigger-cell-margin;
         border-bottom-width: $grid-animtor-border-bottom-width;
     }
 
@@ -76324,7 +76335,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
     & .e-group-animator .e-groupheadercell,
     & .e-group-animator .e-groupheadercell:hover {
-        margin: $grid-group-animator-cell-margin;
+margin: $grid-group-animator-cell-margin;
         border-bottom-width: $grid-animtor-border-bottom-width;
     }
 
@@ -76333,9 +76344,8 @@ $grid-dropitems-count-margin-left: -8px !default;
     }
 
     & .e-groupdroparea.e-group-animate.e-grouped {
-        overflow: hidden;
         padding: $grid-animator-area-padding;
-        height: $grid-group-animator-drop-height;
+        height: auto;
         border-bottom-width: $grid-animator-area-border;
     }
 
@@ -76353,14 +76363,6 @@ $grid-dropitems-count-margin-left: -8px !default;
         margin-top: $grid-animator-margin-top-rtl;
     }
 
-    &.e-rtl .e-group-animator:first-child .e-groupheadercell {
-        margin: $grid-animator-rtl-first-group;
-    }
-
-    & .e-group-animator:first-child .e-groupheadercell {
-        margin: $grid-animator-first-group;
-    }
-
     .e-group-animate.e-groupdroparea .e-nextgroup {
         margin-top: $grid-animator-area-margin;
     }
@@ -76848,6 +76850,9 @@ $grid-dropitems-count-margin-left: -8px !default;
       }
       white-space: normal;
       word-wrap: break-word;
+      &.e-lastrowcell {
+        border-bottom-width: 1px;
+      }
     }
 
     .e-summarycontent {
@@ -82185,6 +82190,11 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
           .e-rcursor {
             border: 0;
           }
+          
+          @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
+            padding: 5px 8px;
+            line-height: 16px;
+          }
         }
 
         @include visibility(hidden);
@@ -82235,6 +82245,11 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
               line-height: 20px;
             }
           }
+          
+          @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
+            padding: 10px 8px;
+            line-height: 16px;
+          }
         }
 
         tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
@@ -91501,7 +91516,7 @@ $gantt-masked-table-background-color: #e1dfdd;
       }
 
       .e-zero-spacing {
-        border-spacing: .25px;
+        border-spacing: 0;
       }
 
       .e-chart-row:first-child .e-chart-row-border {
@@ -106842,7 +106857,6 @@ $field-list-adaptive-outerdiv-height: 166px !default;
               .e-label {
                 color: $field-list-default-font-color;
                 font-family: $field-list-font-family;
-                font-size: 14px;
                 opacity: .87;
               }
             }
@@ -109212,6 +109226,16 @@ $pivotpager-single-size-title-padding: 4px !default;
       }
     }
 
+    &.e-device {
+      .e-pivotcell-container {
+        .e-stackedheadertext {
+          &.e-cellvalue {
+            align-self: center;
+          }
+        }
+      }
+    }
+
     .e-nextspan {
       display: inline-block;
       width: $pivotview-indent-space-size;
@@ -109273,9 +109297,10 @@ $pivotpager-single-size-title-padding: 4px !default;
         border-bottom-color: $border-light;
       }
 
-      table th[rowspan = '1'] {
-        padding-bottom: 0;
-        padding-top: 0;
+      table th[rowspan = '1'],
+      table th:not([rowspan]) {
+        padding-bottom: 0 !important;
+        padding-top: 0 !important;
         vertical-align: middle;
       }
     }