@syncfusion/blazor-themes 23.1.38 → 23.1.39

package/SCSS-Themes/highcontrast.scss

@@ -59422,6 +59422,8 @@ $ddl-closer-hooker-font: 10px !default;
 $ddl-closer-margin-top: -3em !default;
 $ddl-icon-margin-top: -2.5em !default;
 $ddl-icon-margin-top-bigger: -3.1em !default;
+$ddl-small-ddl-icon-top: -2.5em !default;
+$ddl-bigger-small-ddl-icon-top: -2.85em !default;
 $ddl-clear-margin-top: -3.2em !default;
 $ddl-closer-margin-top-bigger: -3.5em !default;
 $ddl-chip-font-family: inherit !default;
@@ -59831,7 +59833,8 @@ $ddl-closer-margin-top-bigger-small: -3.4em !default;
   }
 }
 
-.e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+.e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
+.e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
   @if $ddl-multiselect-skin-name != 'Material3' {
     margin-top: $ddl-icon-margin-top-bigger;
   }
@@ -60863,6 +60866,11 @@ ejs-multiselect {
   }
 }
 
+.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
+.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+  margin-top: $ddl-small-ddl-icon-top;
+}
+
 .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
   @if ddl-multiselect-skin-name == 'Material3' {
     height: $ddl-small-clear-icon-height;
@@ -60894,6 +60902,11 @@ ejs-multiselect {
   }
 }
 
+.e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
+.e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+  margin-top: $ddl-bigger-small-ddl-icon-top;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
   height: $ddl-bigger-small-chip-close-square;
   width: $ddl-bigger-small-chip-close-width;
@@ -76851,6 +76864,11 @@ $grid-dropitems-count-margin-left: -8px !default;
       overflow: visible;
     }
 
+    .e-headercell.e-templatecell .e-headercelldiv {
+      height: auto;
+      min-height: $grid-header-height;
+    }
+
     .e-gridheader .e-headercontent .e-rightalign .e-headercelldiv.e-headerchkcelldiv {
       padding: 0 .6em;
     }
@@ -81002,6 +81020,10 @@ $grid-dropitems-count-margin-left: -8px !default;
       cursor: move;
     }
 
+    & .e-notallowedcur .e-row:hover .e-rowdragdrop {
+      cursor: not-allowed;
+    }
+
     .e-sortnumber {
       @if $grid-skin == 'material3' {
         background: $grid-sortnumber-bg-color;
@@ -88583,7 +88605,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
 
         .e-rte-emojipicker-group .e-rte-emojipickerbtn-group {
           display: grid;
-          grid-template-columns: repeat(6, 1fr);
+          grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
           gap: 6px;
 
           .e-btn.e-control {
@@ -88600,7 +88622,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
 
         .e-rte-emojisearch-btn {
           display: grid;
-          grid-template-columns: repeat(6, 1fr);
+          grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
           gap: 6px;
           height: 0;
 
@@ -100768,6 +100790,22 @@ $pv-eye-icon-margin-top: 3px !default;
     text-align: left;
   }
 
+  .e-pv-mobile-comments-container .e-pv-comment-panel-title {
+    @if $skin-name == 'Material3' {
+      background: $content-bg-color-alt2;
+      border: $border-light;
+      border-width: 0 0 1px 1px;
+      font-size: $text-base;
+      font-weight: $pv-comment-tile-font-weight;
+      line-height: 16px;
+      padding: 0;
+      left: 15px;
+      top: 14px;
+      position: absolute;
+      text-align: left;
+    }
+  }
+
   .e-pv-comment-panel-title-close-div.e-btn {
     background: $pv-title-close-background;
     border: $pv-title-close-border;
@@ -100777,17 +100815,12 @@ $pv-eye-icon-margin-top: 3px !default;
     }
     height: $pv-title-close-height;
     position: $pv-title-close-position;
-    @if $skin-name != 'Material3' {
-      right: 11px;
-      top: 5px;
-    }
+    right: 11px;
+    top: 5px;
     width: $pv-title-close-width;
     @if $skin-name == 'FluentUI' {
       padding: 4px;
     }
-    @if $skin-name == 'Material3' {
-      padding: 12px 12px 12px 270px;
-    }
   }
 
   @if $skin-name == 'Material3' {
@@ -100800,7 +100833,7 @@ $pv-eye-icon-margin-top: 3px !default;
     @if $skin-name != 'bootstrap5' {
       color: $pv-comment-text-color;
     }
-    @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI') {
+    @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
       color: $icon-color;
     }
   }
@@ -100808,6 +100841,7 @@ $pv-eye-icon-margin-top: 3px !default;
   .e-pv-comments-panel-text {
     font-size: 15px;
     padding-left: 85px;
+    color: rgba(var(--color-sf-on-surface-variant));
   }
 
   .e-pv-comments-content-container {
@@ -102284,7 +102318,7 @@ $pv-eye-icon-margin-top: 3px !default;
   }
   
   .e-bigger .e-pv-signature-dialog-height {
-    @if ($skin-name == 'FluentUI' $skin-name == 'Material3') {
+    @if ($skin-name == 'FluentUI') {
       min-height: 592px;
     }
   }
@@ -109313,10 +109347,12 @@ $pivotpager-single-size-title-padding: 4px !default;
     .e-pivotcell-container {
       align-items: center;
       display: flex;
+      max-height: inherit;
 
       .e-stackedheadertext,
       .e-headertext {
         &.e-cellvalue {
+          align-self: stretch;
           overflow: hidden;
           text-overflow: ellipsis;
           width: 100%;
@@ -110070,6 +110106,7 @@ $pivotpager-single-size-title-padding: 4px !default;
       display: inline-block;
       height: 100%;
       vertical-align: top;
+      width: 100%;
     }
 
     /* stylelint-disable */

package/SCSS-Themes/material-dark.scss

@@ -60091,6 +60091,8 @@ $ddl-closer-hooker-font: 10px !default;
 $ddl-chip-font-family: inherit !default;
 $ddl-closer-margin-top: -2.5em !default;
 $ddl-icon-margin-top-bigger: -2.5em !default;
+$ddl-small-ddl-icon-top: -1.8em !default;
+$ddl-bigger-small-ddl-icon-top: -2em !default;
 $ddl-icon-margin-top: -2.1em !default;
 $ddl-clear-margin-top: -2.5em !default;
 $ddl-closer-margin-top-bigger: -3em !default;
@@ -60434,7 +60436,8 @@ $filled-multiselect-chip-hover-bg-color: $grey-700 !default;
   }
 }
 
-.e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+.e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
+.e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
   @if $ddl-multiselect-skin-name != 'Material3' {
     margin-top: $ddl-icon-margin-top-bigger;
   }
@@ -61466,6 +61469,11 @@ ejs-multiselect {
   }
 }
 
+.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
+.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+  margin-top: $ddl-small-ddl-icon-top;
+}
+
 .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
   @if ddl-multiselect-skin-name == 'Material3' {
     height: $ddl-small-clear-icon-height;
@@ -61497,6 +61505,11 @@ ejs-multiselect {
   }
 }
 
+.e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
+.e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+  margin-top: $ddl-bigger-small-ddl-icon-top;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
   height: $ddl-bigger-small-chip-close-square;
   width: $ddl-bigger-small-chip-close-width;
@@ -78151,6 +78164,11 @@ $grid-dropitems-count-margin-left: -8px !default;
       overflow: visible;
     }
 
+    .e-headercell.e-templatecell .e-headercelldiv {
+      height: auto;
+      min-height: $grid-header-height;
+    }
+
     .e-gridheader .e-headercontent .e-rightalign .e-headercelldiv.e-headerchkcelldiv {
       padding: 0 .6em;
     }
@@ -82302,6 +82320,10 @@ $grid-dropitems-count-margin-left: -8px !default;
       cursor: move;
     }
 
+    & .e-notallowedcur .e-row:hover .e-rowdragdrop {
+      cursor: not-allowed;
+    }
+
     .e-sortnumber {
       @if $grid-skin == 'material3' {
         background: $grid-sortnumber-bg-color;
@@ -89898,7 +89920,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
 
         .e-rte-emojipicker-group .e-rte-emojipickerbtn-group {
           display: grid;
-          grid-template-columns: repeat(6, 1fr);
+          grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
           gap: 6px;
 
           .e-btn.e-control {
@@ -89915,7 +89937,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
 
         .e-rte-emojisearch-btn {
           display: grid;
-          grid-template-columns: repeat(6, 1fr);
+          grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
           gap: 6px;
           height: 0;
 
@@ -102087,6 +102109,22 @@ $pv-eye-icon-margin-top: 3px !default;
     text-align: left;
   }
 
+  .e-pv-mobile-comments-container .e-pv-comment-panel-title {
+    @if $skin-name == 'Material3' {
+      background: $content-bg-color-alt2;
+      border: $border-light;
+      border-width: 0 0 1px 1px;
+      font-size: $text-base;
+      font-weight: $pv-comment-tile-font-weight;
+      line-height: 16px;
+      padding: 0;
+      left: 15px;
+      top: 14px;
+      position: absolute;
+      text-align: left;
+    }
+  }
+
   .e-pv-comment-panel-title-close-div.e-btn {
     background: $pv-title-close-background;
     border: $pv-title-close-border;
@@ -102096,17 +102134,12 @@ $pv-eye-icon-margin-top: 3px !default;
     }
     height: $pv-title-close-height;
     position: $pv-title-close-position;
-    @if $skin-name != 'Material3' {
-      right: 11px;
-      top: 5px;
-    }
+    right: 11px;
+    top: 5px;
     width: $pv-title-close-width;
     @if $skin-name == 'FluentUI' {
       padding: 4px;
     }
-    @if $skin-name == 'Material3' {
-      padding: 12px 12px 12px 270px;
-    }
   }
 
   @if $skin-name == 'Material3' {
@@ -102119,7 +102152,7 @@ $pv-eye-icon-margin-top: 3px !default;
     @if $skin-name != 'bootstrap5' {
       color: $pv-comment-text-color;
     }
-    @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI') {
+    @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
       color: $icon-color;
     }
   }
@@ -102127,6 +102160,7 @@ $pv-eye-icon-margin-top: 3px !default;
   .e-pv-comments-panel-text {
     font-size: 15px;
     padding-left: 85px;
+    color: rgba(var(--color-sf-on-surface-variant));
   }
 
   .e-pv-comments-content-container {
@@ -103603,7 +103637,7 @@ $pv-eye-icon-margin-top: 3px !default;
   }
   
   .e-bigger .e-pv-signature-dialog-height {
-    @if ($skin-name == 'FluentUI' $skin-name == 'Material3') {
+    @if ($skin-name == 'FluentUI') {
       min-height: 592px;
     }
   }
@@ -110678,10 +110712,12 @@ $pivotpager-single-size-title-padding: 14px !default;
     .e-pivotcell-container {
       align-items: center;
       display: flex;
+      max-height: inherit;
 
       .e-stackedheadertext,
       .e-headertext {
         &.e-cellvalue {
+          align-self: stretch;
           overflow: hidden;
           text-overflow: ellipsis;
           width: 100%;
@@ -111435,6 +111471,7 @@ $pivotpager-single-size-title-padding: 14px !default;
       display: inline-block;
       height: 100%;
       vertical-align: top;
+      width: 100%;
     }
 
     /* stylelint-disable */

package/SCSS-Themes/material.scss

@@ -59835,6 +59835,8 @@ $ddl-closer-margin-top-bigger: -3em !default;
 $ddl-icon-margin-top: -2.1em !default;
 $ddl-clear-margin-top: -2.5em !default;
 $ddl-icon-margin-top-bigger: -2.5em !default;
+$ddl-small-ddl-icon-top: -1.8em !default;
+$ddl-bigger-small-ddl-icon-top: -2em !default;
 $ddl-chip-mobile-radius: 2px !default;
 $ddl-chip-sel-mobile-height: 40px !default;
 $ddl-chip-selected-padding: 12px 4px 11px 0 !default;
@@ -60169,7 +60171,8 @@ $filled-multiselect-chip-hover-bg-color: darken($grey-300, 7%) !default;
   }
 }
 
-.e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+.e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
+.e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
   @if $ddl-multiselect-skin-name != 'Material3' {
     margin-top: $ddl-icon-margin-top-bigger;
   }
@@ -61201,6 +61204,11 @@ ejs-multiselect {
   }
 }
 
+.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
+.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+  margin-top: $ddl-small-ddl-icon-top;
+}
+
 .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
   @if ddl-multiselect-skin-name == 'Material3' {
     height: $ddl-small-clear-icon-height;
@@ -61232,6 +61240,11 @@ ejs-multiselect {
   }
 }
 
+.e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
+.e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+  margin-top: $ddl-bigger-small-ddl-icon-top;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
   height: $ddl-bigger-small-chip-close-square;
   width: $ddl-bigger-small-chip-close-width;
@@ -77872,6 +77885,11 @@ $grid-dropitems-count-margin-left: -8px !default;
       overflow: visible;
     }
 
+    .e-headercell.e-templatecell .e-headercelldiv {
+      height: auto;
+      min-height: $grid-header-height;
+    }
+
     .e-gridheader .e-headercontent .e-rightalign .e-headercelldiv.e-headerchkcelldiv {
       padding: 0 .6em;
     }
@@ -82023,6 +82041,10 @@ $grid-dropitems-count-margin-left: -8px !default;
       cursor: move;
     }
 
+    & .e-notallowedcur .e-row:hover .e-rowdragdrop {
+      cursor: not-allowed;
+    }
+
     .e-sortnumber {
       @if $grid-skin == 'material3' {
         background: $grid-sortnumber-bg-color;
@@ -89611,7 +89633,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
 
         .e-rte-emojipicker-group .e-rte-emojipickerbtn-group {
           display: grid;
-          grid-template-columns: repeat(6, 1fr);
+          grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
           gap: 6px;
 
           .e-btn.e-control {
@@ -89628,7 +89650,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
 
         .e-rte-emojisearch-btn {
           display: grid;
-          grid-template-columns: repeat(6, 1fr);
+          grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
           gap: 6px;
           height: 0;
 
@@ -101798,6 +101820,22 @@ $pv-eye-icon-margin-top: 3px !default;
     text-align: left;
   }
 
+  .e-pv-mobile-comments-container .e-pv-comment-panel-title {
+    @if $skin-name == 'Material3' {
+      background: $content-bg-color-alt2;
+      border: $border-light;
+      border-width: 0 0 1px 1px;
+      font-size: $text-base;
+      font-weight: $pv-comment-tile-font-weight;
+      line-height: 16px;
+      padding: 0;
+      left: 15px;
+      top: 14px;
+      position: absolute;
+      text-align: left;
+    }
+  }
+
   .e-pv-comment-panel-title-close-div.e-btn {
     background: $pv-title-close-background;
     border: $pv-title-close-border;
@@ -101807,17 +101845,12 @@ $pv-eye-icon-margin-top: 3px !default;
     }
     height: $pv-title-close-height;
     position: $pv-title-close-position;
-    @if $skin-name != 'Material3' {
-      right: 11px;
-      top: 5px;
-    }
+    right: 11px;
+    top: 5px;
     width: $pv-title-close-width;
     @if $skin-name == 'FluentUI' {
       padding: 4px;
     }
-    @if $skin-name == 'Material3' {
-      padding: 12px 12px 12px 270px;
-    }
   }
 
   @if $skin-name == 'Material3' {
@@ -101830,7 +101863,7 @@ $pv-eye-icon-margin-top: 3px !default;
     @if $skin-name != 'bootstrap5' {
       color: $pv-comment-text-color;
     }
-    @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI') {
+    @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
       color: $icon-color;
     }
   }
@@ -101838,6 +101871,7 @@ $pv-eye-icon-margin-top: 3px !default;
   .e-pv-comments-panel-text {
     font-size: 15px;
     padding-left: 85px;
+    color: rgba(var(--color-sf-on-surface-variant));
   }
 
   .e-pv-comments-content-container {
@@ -103314,7 +103348,7 @@ $pv-eye-icon-margin-top: 3px !default;
   }
   
   .e-bigger .e-pv-signature-dialog-height {
-    @if ($skin-name == 'FluentUI' $skin-name == 'Material3') {
+    @if ($skin-name == 'FluentUI') {
       min-height: 592px;
     }
   }
@@ -110386,10 +110420,12 @@ $pivotpager-single-size-title-padding: 14px !default;
     .e-pivotcell-container {
       align-items: center;
       display: flex;
+      max-height: inherit;
 
       .e-stackedheadertext,
       .e-headertext {
         &.e-cellvalue {
+          align-self: stretch;
           overflow: hidden;
           text-overflow: ellipsis;
           width: 100%;
@@ -111143,6 +111179,7 @@ $pivotpager-single-size-title-padding: 14px !default;
       display: inline-block;
       height: 100%;
       vertical-align: top;
+      width: 100%;
     }
 
     /* stylelint-disable */

package/SCSS-Themes/material3-dark.scss

@@ -60551,7 +60551,8 @@ $ddl-chip-bigger-content-padding: 0 !default;
   }
 }
 
-.e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+.e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
+.e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
   @if $ddl-multiselect-skin-name != 'Material3' {
     margin-top: $ddl-icon-margin-top-bigger;
   }
@@ -61583,6 +61584,11 @@ ejs-multiselect {
   }
 }
 
+.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
+.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+  margin-top: $ddl-small-ddl-icon-top;
+}
+
 .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
   @if ddl-multiselect-skin-name == 'Material3' {
     height: $ddl-small-clear-icon-height;
@@ -61614,6 +61620,11 @@ ejs-multiselect {
   }
 }
 
+.e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
+.e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+  margin-top: $ddl-bigger-small-ddl-icon-top;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
   height: $ddl-bigger-small-chip-close-square;
   width: $ddl-bigger-small-chip-close-width;
@@ -78374,6 +78385,11 @@ $grid-dropitems-count-margin-left: -9px !default;
       overflow: visible;
     }
 
+    .e-headercell.e-templatecell .e-headercelldiv {
+      height: auto;
+      min-height: $grid-header-height;
+    }
+
     .e-gridheader .e-headercontent .e-rightalign .e-headercelldiv.e-headerchkcelldiv {
       padding: 0 .6em;
     }
@@ -82525,6 +82541,10 @@ $grid-dropitems-count-margin-left: -9px !default;
       cursor: move;
     }
 
+    & .e-notallowedcur .e-row:hover .e-rowdragdrop {
+      cursor: not-allowed;
+    }
+
     .e-sortnumber {
       @if $grid-skin == 'material3' {
         background: $grid-sortnumber-bg-color;
@@ -90156,7 +90176,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
 
         .e-rte-emojipicker-group .e-rte-emojipickerbtn-group {
           display: grid;
-          grid-template-columns: repeat(6, 1fr);
+          grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
           gap: 6px;
 
           .e-btn.e-control {
@@ -90173,7 +90193,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
 
         .e-rte-emojisearch-btn {
           display: grid;
-          grid-template-columns: repeat(6, 1fr);
+          grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
           gap: 6px;
           height: 0;
 
@@ -102353,6 +102373,22 @@ $pv-search-btn-width-big: 32px !default;
     text-align: left;
   }
 
+  .e-pv-mobile-comments-container .e-pv-comment-panel-title {
+    @if $skin-name == 'Material3' {
+      background: $content-bg-color-alt2;
+      border: $border-light;
+      border-width: 0 0 1px 1px;
+      font-size: $text-base;
+      font-weight: $pv-comment-tile-font-weight;
+      line-height: 16px;
+      padding: 0;
+      left: 15px;
+      top: 14px;
+      position: absolute;
+      text-align: left;
+    }
+  }
+
   .e-pv-comment-panel-title-close-div.e-btn {
     background: $pv-title-close-background;
     border: $pv-title-close-border;
@@ -102362,17 +102398,12 @@ $pv-search-btn-width-big: 32px !default;
     }
     height: $pv-title-close-height;
     position: $pv-title-close-position;
-    @if $skin-name != 'Material3' {
-      right: 11px;
-      top: 5px;
-    }
+    right: 11px;
+    top: 5px;
     width: $pv-title-close-width;
     @if $skin-name == 'FluentUI' {
       padding: 4px;
     }
-    @if $skin-name == 'Material3' {
-      padding: 12px 12px 12px 270px;
-    }
   }
 
   @if $skin-name == 'Material3' {
@@ -102385,7 +102416,7 @@ $pv-search-btn-width-big: 32px !default;
     @if $skin-name != 'bootstrap5' {
       color: $pv-comment-text-color;
     }
-    @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI') {
+    @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
       color: $icon-color;
     }
   }
@@ -102393,6 +102424,7 @@ $pv-search-btn-width-big: 32px !default;
   .e-pv-comments-panel-text {
     font-size: 15px;
     padding-left: 85px;
+    color: rgba(var(--color-sf-on-surface-variant));
   }
 
   .e-pv-comments-content-container {
@@ -103869,7 +103901,7 @@ $pv-search-btn-width-big: 32px !default;
   }
   
   .e-bigger .e-pv-signature-dialog-height {
-    @if ($skin-name == 'FluentUI' $skin-name == 'Material3') {
+    @if ($skin-name == 'FluentUI') {
       min-height: 592px;
     }
   }
@@ -104038,6 +104070,7 @@ $pv-search-btn-width-big: 32px !default;
     .e-pv-title-close-icon::before,
     .e-pv-annotation-tools-close-icon::before,
     .e-pv-annotation-popup-close::before {
+      color: $pv-icon-color;
       content: '\e7e7';
     }
 
@@ -110953,10 +110986,12 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
     .e-pivotcell-container {
       align-items: center;
       display: flex;
+      max-height: inherit;
 
       .e-stackedheadertext,
       .e-headertext {
         &.e-cellvalue {
+          align-self: stretch;
           overflow: hidden;
           text-overflow: ellipsis;
           width: 100%;
@@ -111710,6 +111745,7 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
       display: inline-block;
       height: 100%;
       vertical-align: top;
+      width: 100%;
     }
 
     /* stylelint-disable */