chore(pivot): fix issue from merge changes

Author: mddragnev

projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-header-row.component.html

@@ -11,7 +11,7 @@
                     <span id='empty' igxDrop (dropped)="onDimDrop($event, filterArea, 2)"
                           *ngIf="grid.filterDimensions.length === 0"
                           class='igx-pivot__emptyChipArea'>{{grid.resourceStrings.igx_grid_pivot_empty_filter_drop_area}}</span>
-                        <ng-container *ngFor="let filter of grid.filterDimensions; let last = last;">
+                        <ng-container *ngFor="let filter of this.filterAreaDimensions; let last = last;">
                         <span [style.visibility]='"hidden"' class="igx-grid__tr-pivot--chip_drop_indicator"
                               [style.height.px]='getAreaHeight(filterArea)'></span>
                             <igx-chip [id]="filter.memberName" [draggable]="true" [displayDensity]="grid.displayDensity"

projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-header-row.component.ts

@@ -129,7 +129,7 @@ export class IgxPivotHeaderRowComponent extends IgxGridHeaderRowComponent implem
         if (this.filterArea?.chipsList && this.filterArea.chipsList.length !== 0) {
             const styles = getComputedStyle(this.pivotFilterContainer.nativeElement);
             const containerPaddings = parseFloat(styles.paddingLeft) + parseFloat(styles.paddingRight);
-            chipsWidth += containerPaddings + (this.filtersButton ? this.filtersButton.el.nativeElement.getBoundingClientRect().width : 0);
+            chipsWidth += containerPaddings + (this.filtersButton && this.filterArea?.chipsList.length > 1 ? this.filtersButton.el.nativeElement.getBoundingClientRect().width : 0);
             this.filterArea.chipsList.forEach(chip => {
                 const dim = this.grid.filterDimensions.find(x => x.memberName === chip.id);
                 if (dim) {