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 672e7845c79..e1a21714192 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
@@ -249,11 +249,12 @@ export class IgxPivotHeaderRowComponent extends IgxGridHeaderRowComponent implem
     public onDimDragStart(event, area) {
         this.cdr.detectChanges();
         for (let chip of this.notificationChips) {
+            const parent = chip.nativeElement.parentElement;
             if (area.chipsList.toArray().indexOf(chip) === -1 &&
-                chip.nativeElement.parentElement.children.length > 0 &&
-                chip.nativeElement.parentElement.children.item(0).id !== 'empty') {
+                parent.children.length > 0 &&
+                parent.children.item(0).id !== 'empty') {
                 chip.nativeElement.hidden = false;
-                chip.nativeElement.scrollIntoView();
+                parent.parentElement.scrollTo({ left: chip.nativeElement.offsetLeft });
             }
         }
     }