diff --git a/src/components/datatable/DataTable.vue b/src/components/datatable/DataTable.vue
index 7a4120d5f..0f1d182c7 100755
--- a/src/components/datatable/DataTable.vue
+++ b/src/components/datatable/DataTable.vue
@@ -1,10 +1,8 @@
 <template>
     <div :class="containerClass">
         <slot></slot>
-        <div class="p-datatable-loading" v-if="loading">
-            <div class="p-datatable-loading-overlay p-component-overlay">
-                <i :class="loadingIconClass"></i>
-            </div>
+        <div class="p-datatable-loading-overlay p-component-overlay" v-if="loading">
+            <i :class="loadingIconClass"></i>
         </div>
         <div class="p-datatable-header" v-if="$scopedSlots.header">
             <slot name="header"></slot>
diff --git a/src/components/tree/Tree.vue b/src/components/tree/Tree.vue
index ea2242b6f..48d51ceb7 100755
--- a/src/components/tree/Tree.vue
+++ b/src/components/tree/Tree.vue
@@ -1,7 +1,7 @@
 <template>
     <div :class="containerClass">
         <template v-if="loading">
-            <div class="p-tree-loading-mask p-component-overlay">
+            <div class="p-tree-loading-overlay p-component-overlay">
                 <i :class="loadingIconClass" />
             </div>
         </template>
@@ -337,7 +337,7 @@ export default {
     min-height: 4rem;
 }
 
-.p-tree .p-tree-loading-mask {
+.p-tree .p-tree-loading-overlay {
     position: absolute;
     z-index: 1;
     display: flex;