diff --git a/projects/igniteui-angular/src/lib/directives/for-of/for_of.directive.ts b/projects/igniteui-angular/src/lib/directives/for-of/for_of.directive.ts
index 15258bface2..8b43952ea50 100644
--- a/projects/igniteui-angular/src/lib/directives/for-of/for_of.directive.ts
+++ b/projects/igniteui-angular/src/lib/directives/for-of/for_of.directive.ts
@@ -1464,6 +1464,9 @@ export class IgxGridForOfDirective<T> extends IgxForOfDirective<T> implements On
     @Input()
     public igxGridForOfUniqueSizeCache = false;
 
+    @Input()
+    public igxGridForOfVariableSizes = true;
+
     public get igxGridForOf() {
         return this.igxForOf;
     }
@@ -1494,6 +1497,12 @@ export class IgxGridForOfDirective<T> extends IgxForOfDirective<T> implements On
         return this.igxForSizePropName || 'height';
     }
 
+    public recalcUpdateSizes() {
+        if (this.igxGridForOfVariableSizes) {
+            super.recalcUpdateSizes();
+        }
+    }
+
     /**
      * @hidden @internal
      * An event that is emitted after data has been changed but before the view is refreshed
diff --git a/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-grid.component.html b/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-grid.component.html
index 7fa85295b20..a3a05419774 100644
--- a/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-grid.component.html
+++ b/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-grid.component.html
@@ -41,6 +41,7 @@
             let-rowIndex="index" [igxForScrollOrientation]="'vertical'" [igxForScrollContainer]='verticalScroll'
             [igxForContainerSize]='calcHeight'
             [igxForItemSize]="hasColumnLayouts ? rowHeight * multiRowLayoutRowSize + 1 : renderedRowHeight"
+            [igxGridForOfVariableSizes]='false'
             #verticalScrollContainer>
             <ng-template
                 [igxTemplateOutlet]='recordTemplate'
diff --git a/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-header-row.component.ts b/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-header-row.component.ts
index c90cf27e4a8..9e9be47f5ba 100644
--- a/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-header-row.component.ts
+++ b/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-header-row.component.ts
@@ -273,7 +273,7 @@ export class IgxPivotHeaderRowComponent extends IgxGridHeaderRowComponent implem
     */
     public getAreaHeight(area: IgxChipsAreaComponent) {
         const chips = area.chipsList;
-        return chips && chips.length > 0 ? chips.first.nativeElement.clientHeight : 0;
+        return chips && chips.length > 0 ? chips.first.nativeElement.offsetHeight : 0;
     }
 
     /**