diff --git a/npm/ng-packs/packages/theme-shared/src/lib/components/table/table.component.ts b/npm/ng-packs/packages/theme-shared/src/lib/components/table/table.component.ts
index f3524d52aa..12084c9ae1 100644
--- a/npm/ng-packs/packages/theme-shared/src/lib/components/table/table.component.ts
+++ b/npm/ng-packs/packages/theme-shared/src/lib/components/table/table.component.ts
@@ -8,11 +8,21 @@ import {
   TemplateRef,
   TrackByFunction,
   ViewChild,
+  ViewEncapsulation,
 } from '@angular/core';
 
 @Component({
   selector: 'abp-table',
   templateUrl: 'table.component.html',
+  styles: [
+    `
+      .ui-table .ui-table-tbody > tr:nth-child(even):hover,
+      .ui-table .ui-table-tbody > tr:hover {
+        background-color: #eaeaea;
+      }
+    `,
+  ],
+  encapsulation: ViewEncapsulation.None,
 })
 export class TableComponent implements AfterViewInit {
   private _totalRecords: number;