diff --git a/lib/core/src/lib/datatable/components/datatable/datatable.component.html b/lib/core/src/lib/datatable/components/datatable/datatable.component.html
index a8ac4df5bf..9a520152f2 100644
--- a/lib/core/src/lib/datatable/components/datatable/datatable.component.html
+++ b/lib/core/src/lib/datatable/components/datatable/datatable.component.html
@@ -461,7 +461,7 @@
         </ng-template>
     </div>
     <ng-template #loadingRowTemplate>
-        <div class="adf-datatable-row">
+        <div class="adf-datatable-row adf-datatable-data-loading">
             <div class="adf-no-content-container adf-datatable-cell">
                 <ng-template *ngIf="loadingTemplate"
                              ngFor [ngForOf]="[data]"
diff --git a/lib/core/src/lib/datatable/components/datatable/datatable.component.scss b/lib/core/src/lib/datatable/components/datatable/datatable.component.scss
index 14fd290687..d559d04780 100644
--- a/lib/core/src/lib/datatable/components/datatable/datatable.component.scss
+++ b/lib/core/src/lib/datatable/components/datatable/datatable.component.scss
@@ -104,9 +104,11 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width-1 !default;
     }
 
     .adf-datatable-row {
-        &:hover,
-        &:focus {
-            background-color: var(--adf-theme-background-hover-color);
+        &:not(.adf-datatable-data-loading) {
+            &:hover,
+            &:focus {
+                background-color: var(--adf-theme-background-hover-color);
+            }
         }
 
         &:focus {