diff --git a/src/app/components/treetable/style/treetablestyle.ts b/src/app/components/treetable/style/treetablestyle.ts
index 80beaf7dc13..fef624adfc9 100644
--- a/src/app/components/treetable/style/treetablestyle.ts
+++ b/src/app/components/treetable/style/treetablestyle.ts
@@ -173,7 +173,7 @@ const theme = ({ dt }) => `
 
 /* Loader */
 .p-treetable-mask {
-    position: absolute;
+    position: absolute !important;
     display: flex;
     align-items: center;
     justify-content: center;
diff --git a/src/app/components/treetable/treetable.ts b/src/app/components/treetable/treetable.ts
index 2a81b75c5e5..1ef95b5eff8 100755
--- a/src/app/components/treetable/treetable.ts
+++ b/src/app/components/treetable/treetable.ts
@@ -2,6 +2,7 @@ import { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common';
 import {
     AfterContentInit,
     AfterViewInit,
+    booleanAttribute,
     ChangeDetectionStrategy,
     ChangeDetectorRef,
     Component,
@@ -11,10 +12,12 @@ import {
     EventEmitter,
     HostListener,
     Inject,
+    inject,
     Injectable,
     Input,
     NgModule,
     NgZone,
+    numberAttribute,
     OnChanges,
     OnDestroy,
     OnInit,
@@ -26,9 +29,6 @@ import {
     TemplateRef,
     ViewChild,
     ViewEncapsulation,
-    booleanAttribute,
-    inject,
-    numberAttribute,
 } from '@angular/core';
 import {
     BlockableUI,
@@ -136,7 +136,7 @@ export class TreeTableService {
             }"
         >
             <div class="p-treetable-loading" *ngIf="loading && showLoader">
-                <div class="p-treetable-mask p-overlay-mask">
+                <div class="p-overlay-mask p-treetable-mask">
                     <i *ngIf="loadingIcon" [class]="'p-treetable-loading-icon pi-spin ' + loadingIcon"></i>
                     <ng-container *ngIf="!loadingIcon">
                         <SpinnerIcon *ngIf="!loadingIconTemplate" [spin]="true" [styleClass]="'p-treetable-loading-icon'" />