@syncfusion/blazor-themes 29.1.33 → 29.1.35

package/SCSS-Themes/bootstrap4.scss

@@ -43784,7 +43784,7 @@ $listview-template-multiline-avatar-top: .7142em !default;
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;
@@ -98393,7 +98393,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       padding-bottom: 2px;
       position: absolute;
       right: 0;
-      z-index: 100;
+      z-index: 9;
       pointer-events: none;
 
       &.e-warning {
@@ -102515,11 +102515,11 @@ $gantt-chartrow-hover-bg-color: rgba($black, .08) !default;
         z-index: 6;
       }
 
-      .e-timeline-header-table-container > thead > tr > th {
+      .e-timeline-header-table-container thead tr th {
         border-left: 0;
       }
 
-      .e-timeline-header-table-container > thead > tr > td {
+      .e-timeline-header-table-container thead tr td {
         border-left: 0;
       }
 
@@ -111563,6 +111563,29 @@ $lg-desktop: 1399.98;
     }
   }
 
+  .e-bigger .e-pv-text-search-btn.e-btn {
+    padding-bottom: 4px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-top: 6px;
+    line-height: 0;
+    @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5-dark') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 1px;
+    }
+    @if ($skin-name == 'bootstrap4') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 0;
+    }
+    @if $skin-name == 'fluent2' {
+      padding: 0 !important;/* stylelint-disable-line declaration-no-important */
+    }
+  }
+  
   .e-pv-search-btn.e-btn:active,
   .e-pv-text-search-btn.e-btn:active {
     background-color: transparent;

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

@@ -32233,7 +32233,7 @@ $listview-template-focused-multiline-content-color: $content-text-color-selected
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;
@@ -72622,7 +72622,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       padding-bottom: 2px;
       position: absolute;
       right: 0;
-      z-index: 100;
+      z-index: 9;
       pointer-events: none;
 
       &.e-warning {
@@ -76140,11 +76140,11 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         z-index: 6;
       }
 
-      .e-timeline-header-table-container > thead > tr > th {
+      .e-timeline-header-table-container thead tr th {
         border-left: 0;
       }
 
-      .e-timeline-header-table-container > thead > tr > td {
+      .e-timeline-header-table-container thead tr td {
         border-left: 0;
       }
 
@@ -83983,6 +83983,29 @@ $lg-desktop: 1399.98;
     }
   }
 
+  .e-bigger .e-pv-text-search-btn.e-btn {
+    padding-bottom: 4px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-top: 6px;
+    line-height: 0;
+    @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5-dark') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 1px;
+    }
+    @if ($skin-name == 'bootstrap4') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 0;
+    }
+    @if $skin-name == 'fluent2' {
+      padding: 0 !important;/* stylelint-disable-line declaration-no-important */
+    }
+  }
+  
   .e-pv-search-btn.e-btn:active,
   .e-pv-text-search-btn.e-btn:active {
     background-color: transparent;

package/SCSS-Themes/bootstrap5-dark.scss

@@ -44046,7 +44046,7 @@ $listview-template-focused-multiline-content-color: $content-text-color-selected
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;
@@ -98549,7 +98549,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       padding-bottom: 2px;
       position: absolute;
       right: 0;
-      z-index: 100;
+      z-index: 9;
       pointer-events: none;
 
       &.e-warning {
@@ -102671,11 +102671,11 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         z-index: 6;
       }
 
-      .e-timeline-header-table-container > thead > tr > th {
+      .e-timeline-header-table-container thead tr th {
         border-left: 0;
       }
 
-      .e-timeline-header-table-container > thead > tr > td {
+      .e-timeline-header-table-container thead tr td {
         border-left: 0;
       }
 
@@ -111660,6 +111660,29 @@ $lg-desktop: 1399.98;
     }
   }
 
+  .e-bigger .e-pv-text-search-btn.e-btn {
+    padding-bottom: 4px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-top: 6px;
+    line-height: 0;
+    @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5-dark') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 1px;
+    }
+    @if ($skin-name == 'bootstrap4') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 0;
+    }
+    @if $skin-name == 'fluent2' {
+      padding: 0 !important;/* stylelint-disable-line declaration-no-important */
+    }
+  }
+  
   .e-pv-search-btn.e-btn:active,
   .e-pv-text-search-btn.e-btn:active {
     background-color: transparent;

package/SCSS-Themes/bootstrap5-lite.scss

@@ -32232,7 +32232,7 @@ $listview-template-focused-multiline-content-color: $content-text-color-selected
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;
@@ -72621,7 +72621,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       padding-bottom: 2px;
       position: absolute;
       right: 0;
-      z-index: 100;
+      z-index: 9;
       pointer-events: none;
 
       &.e-warning {
@@ -76139,11 +76139,11 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         z-index: 6;
       }
 
-      .e-timeline-header-table-container > thead > tr > th {
+      .e-timeline-header-table-container thead tr th {
         border-left: 0;
       }
 
-      .e-timeline-header-table-container > thead > tr > td {
+      .e-timeline-header-table-container thead tr td {
         border-left: 0;
       }
 
@@ -83982,6 +83982,29 @@ $lg-desktop: 1399.98;
     }
   }
 
+  .e-bigger .e-pv-text-search-btn.e-btn {
+    padding-bottom: 4px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-top: 6px;
+    line-height: 0;
+    @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5-dark') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 1px;
+    }
+    @if ($skin-name == 'bootstrap4') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 0;
+    }
+    @if $skin-name == 'fluent2' {
+      padding: 0 !important;/* stylelint-disable-line declaration-no-important */
+    }
+  }
+  
   .e-pv-search-btn.e-btn:active,
   .e-pv-text-search-btn.e-btn:active {
     background-color: transparent;

package/SCSS-Themes/bootstrap5.3-dark-lite.scss

@@ -32990,7 +32990,7 @@ $listview-template-focused-multiline-content-color: $content-text-color-selected
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;
@@ -61576,7 +61576,7 @@ $grid-header-first-last-cell-padding: 8px !default;
 $grid-header-bg-color: $content-bg-color-alt1 !default;
 $grid-header-color: $content-text-color !default;
 $grid-headercell-both-border-width: 0 0 0 1px !default;
-$grid-headercelldiv-margin: -7px -7px -7px -8px !default;
+$grid-headercelldiv-margin: -7px 10px -5px -8px !default;
 $grid-icon-font-size: 14px !default;
 $grid-border-size: 1px !default;
 $grid-header-padding: 8px !default;
@@ -73408,7 +73408,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       padding-bottom: 2px;
       position: absolute;
       right: 0;
-      z-index: 100;
+      z-index: 9;
       pointer-events: none;
 
       &.e-warning {
@@ -76923,11 +76923,11 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         z-index: 6;
       }
 
-      .e-timeline-header-table-container > thead > tr > th {
+      .e-timeline-header-table-container thead tr th {
         border-left: 0;
       }
 
-      .e-timeline-header-table-container > thead > tr > td {
+      .e-timeline-header-table-container thead tr td {
         border-left: 0;
       }
 
@@ -84767,6 +84767,29 @@ $lg-desktop: 1399.98;
     }
   }
 
+  .e-bigger .e-pv-text-search-btn.e-btn {
+    padding-bottom: 4px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-top: 6px;
+    line-height: 0;
+    @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5-dark') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 1px;
+    }
+    @if ($skin-name == 'bootstrap4') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 0;
+    }
+    @if $skin-name == 'fluent2' {
+      padding: 0 !important;/* stylelint-disable-line declaration-no-important */
+    }
+  }
+  
   .e-pv-search-btn.e-btn:active,
   .e-pv-text-search-btn.e-btn:active {
     background-color: transparent;

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

@@ -44803,7 +44803,7 @@ $listview-template-focused-multiline-content-color: $content-text-color-selected
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;
@@ -83851,7 +83851,7 @@ $grid-header-first-last-cell-padding: 8px !default;
 $grid-header-bg-color: $content-bg-color-alt1 !default;
 $grid-header-color: $content-text-color !default;
 $grid-headercell-both-border-width: 0 0 0 1px !default;
-$grid-headercelldiv-margin: -7px -7px -7px -8px !default;
+$grid-headercelldiv-margin: -7px 10px -5px -8px !default;
 $grid-icon-font-size: 14px !default;
 $grid-border-size: 1px !default;
 $grid-header-padding: 8px !default;
@@ -99335,7 +99335,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       padding-bottom: 2px;
       position: absolute;
       right: 0;
-      z-index: 100;
+      z-index: 9;
       pointer-events: none;
 
       &.e-warning {
@@ -103454,11 +103454,11 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         z-index: 6;
       }
 
-      .e-timeline-header-table-container > thead > tr > th {
+      .e-timeline-header-table-container thead tr th {
         border-left: 0;
       }
 
-      .e-timeline-header-table-container > thead > tr > td {
+      .e-timeline-header-table-container thead tr td {
         border-left: 0;
       }
 
@@ -112444,6 +112444,29 @@ $lg-desktop: 1399.98;
     }
   }
 
+  .e-bigger .e-pv-text-search-btn.e-btn {
+    padding-bottom: 4px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-top: 6px;
+    line-height: 0;
+    @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5-dark') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 1px;
+    }
+    @if ($skin-name == 'bootstrap4') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 0;
+    }
+    @if $skin-name == 'fluent2' {
+      padding: 0 !important;/* stylelint-disable-line declaration-no-important */
+    }
+  }
+  
   .e-pv-search-btn.e-btn:active,
   .e-pv-text-search-btn.e-btn:active {
     background-color: transparent;

package/SCSS-Themes/bootstrap5.3-lite.scss

@@ -33337,7 +33337,7 @@ $listview-template-focused-multiline-content-color: $content-text-color-selected
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;
@@ -61923,7 +61923,7 @@ $grid-header-first-last-cell-padding: 8px !default;
 $grid-header-bg-color: $content-bg-color-alt1 !default;
 $grid-header-color: $content-text-color !default;
 $grid-headercell-both-border-width: 0 0 0 1px !default;
-$grid-headercelldiv-margin: -7px -7px -7px -8px !default;
+$grid-headercelldiv-margin: -7px 10px -5px -8px !default;
 $grid-icon-font-size: 14px !default;
 $grid-border-size: 1px !default;
 $grid-header-padding: 8px !default;
@@ -73755,7 +73755,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       padding-bottom: 2px;
       position: absolute;
       right: 0;
-      z-index: 100;
+      z-index: 9;
       pointer-events: none;
 
       &.e-warning {
@@ -77270,11 +77270,11 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         z-index: 6;
       }
 
-      .e-timeline-header-table-container > thead > tr > th {
+      .e-timeline-header-table-container thead tr th {
         border-left: 0;
       }
 
-      .e-timeline-header-table-container > thead > tr > td {
+      .e-timeline-header-table-container thead tr td {
         border-left: 0;
       }
 
@@ -85114,6 +85114,29 @@ $lg-desktop: 1399.98;
     }
   }
 
+  .e-bigger .e-pv-text-search-btn.e-btn {
+    padding-bottom: 4px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-top: 6px;
+    line-height: 0;
+    @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5-dark') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 1px;
+    }
+    @if ($skin-name == 'bootstrap4') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 0;
+    }
+    @if $skin-name == 'fluent2' {
+      padding: 0 !important;/* stylelint-disable-line declaration-no-important */
+    }
+  }
+  
   .e-pv-search-btn.e-btn:active,
   .e-pv-text-search-btn.e-btn:active {
     background-color: transparent;

package/SCSS-Themes/bootstrap5.3.scss

@@ -45150,7 +45150,7 @@ $listview-template-focused-multiline-content-color: $content-text-color-selected
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;
@@ -84198,7 +84198,7 @@ $grid-header-first-last-cell-padding: 8px !default;
 $grid-header-bg-color: $content-bg-color-alt1 !default;
 $grid-header-color: $content-text-color !default;
 $grid-headercell-both-border-width: 0 0 0 1px !default;
-$grid-headercelldiv-margin: -7px -7px -7px -8px !default;
+$grid-headercelldiv-margin: -7px 10px -5px -8px !default;
 $grid-icon-font-size: 14px !default;
 $grid-border-size: 1px !default;
 $grid-header-padding: 8px !default;
@@ -99682,7 +99682,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       padding-bottom: 2px;
       position: absolute;
       right: 0;
-      z-index: 100;
+      z-index: 9;
       pointer-events: none;
 
       &.e-warning {
@@ -103801,11 +103801,11 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         z-index: 6;
       }
 
-      .e-timeline-header-table-container > thead > tr > th {
+      .e-timeline-header-table-container thead tr th {
         border-left: 0;
       }
 
-      .e-timeline-header-table-container > thead > tr > td {
+      .e-timeline-header-table-container thead tr td {
         border-left: 0;
       }
 
@@ -112791,6 +112791,29 @@ $lg-desktop: 1399.98;
     }
   }
 
+  .e-bigger .e-pv-text-search-btn.e-btn {
+    padding-bottom: 4px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-top: 6px;
+    line-height: 0;
+    @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5-dark') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 1px;
+    }
+    @if ($skin-name == 'bootstrap4') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 0;
+    }
+    @if $skin-name == 'fluent2' {
+      padding: 0 !important;/* stylelint-disable-line declaration-no-important */
+    }
+  }
+  
   .e-pv-search-btn.e-btn:active,
   .e-pv-text-search-btn.e-btn:active {
     background-color: transparent;

package/SCSS-Themes/bootstrap5.scss

@@ -44045,7 +44045,7 @@ $listview-template-focused-multiline-content-color: $content-text-color-selected
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;
@@ -98548,7 +98548,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       padding-bottom: 2px;
       position: absolute;
       right: 0;
-      z-index: 100;
+      z-index: 9;
       pointer-events: none;
 
       &.e-warning {
@@ -102670,11 +102670,11 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         z-index: 6;
       }
 
-      .e-timeline-header-table-container > thead > tr > th {
+      .e-timeline-header-table-container thead tr th {
         border-left: 0;
       }
 
-      .e-timeline-header-table-container > thead > tr > td {
+      .e-timeline-header-table-container thead tr td {
         border-left: 0;
       }
 
@@ -111659,6 +111659,29 @@ $lg-desktop: 1399.98;
     }
   }
 
+  .e-bigger .e-pv-text-search-btn.e-btn {
+    padding-bottom: 4px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-top: 6px;
+    line-height: 0;
+    @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5-dark') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 1px;
+    }
+    @if ($skin-name == 'bootstrap4') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 0;
+    }
+    @if $skin-name == 'fluent2' {
+      padding: 0 !important;/* stylelint-disable-line declaration-no-important */
+    }
+  }
+  
   .e-pv-search-btn.e-btn:active,
   .e-pv-text-search-btn.e-btn:active {
     background-color: transparent;

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

@@ -32091,7 +32091,7 @@ $listview-template-multiline-avatar-top: .6153em !default;
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;
@@ -72283,7 +72283,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       padding-bottom: 2px;
       position: absolute;
       right: 0;
-      z-index: 100;
+      z-index: 9;
       pointer-events: none;
 
       &.e-warning {
@@ -75799,11 +75799,11 @@ $gantt-chartrow-hover-bg-color: $neutral-light !default;
         z-index: 6;
       }
 
-      .e-timeline-header-table-container > thead > tr > th {
+      .e-timeline-header-table-container thead tr th {
         border-left: 0;
       }
 
-      .e-timeline-header-table-container > thead > tr > td {
+      .e-timeline-header-table-container thead tr td {
         border-left: 0;
       }
 
@@ -83631,6 +83631,29 @@ $lg-desktop: 1399.98;
     }
   }
 
+  .e-bigger .e-pv-text-search-btn.e-btn {
+    padding-bottom: 4px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-top: 6px;
+    line-height: 0;
+    @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5-dark') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 1px;
+    }
+    @if ($skin-name == 'bootstrap4') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 0;
+    }
+    @if $skin-name == 'fluent2' {
+      padding: 0 !important;/* stylelint-disable-line declaration-no-important */
+    }
+  }
+  
   .e-pv-search-btn.e-btn:active,
   .e-pv-text-search-btn.e-btn:active {
     background-color: transparent;