From 6ad036b1837b2de0331014c58d2d1e1d99e46d59 Mon Sep 17 00:00:00 2001
From: Kirill Chernakov <yakiryous@gmail.com>
Date: Tue, 31 Dec 2024 19:18:52 +0400
Subject: [PATCH] fix: alert table theming and hover (#2956)

---
 keep-ui/app/(keep)/alerts/alerts-table-body.tsx          | 9 ++++-----
 .../incident-list/ui/incident-table-component.tsx        | 1 +
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/keep-ui/app/(keep)/alerts/alerts-table-body.tsx b/keep-ui/app/(keep)/alerts/alerts-table-body.tsx
index c297cb725..5708f3ecd 100644
--- a/keep-ui/app/(keep)/alerts/alerts-table-body.tsx
+++ b/keep-ui/app/(keep)/alerts/alerts-table-body.tsx
@@ -103,10 +103,7 @@ export function AlertsTableBody({
           <TableRow
             id={`alert-row-${row.original.fingerprint}`}
             key={row.id}
-            className={clsx(
-              "hover:bg-orange-100 cursor-pointer relative",
-              rowBgColor
-            )}
+            className="cursor-pointer relative group"
             onClick={(e) => handleRowClick(e, row.original)}
           >
             {row.getVisibleCells().map((cell) => {
@@ -120,7 +117,9 @@ export function AlertsTableBody({
                   key={cell.id}
                   className={clsx(
                     cell.column.columnDef.meta?.tdClassName,
-                    className
+                    className,
+                    rowBgColor,
+                    "group-hover:bg-orange-100"
                   )}
                   style={style}
                 >
diff --git a/keep-ui/features/incident-list/ui/incident-table-component.tsx b/keep-ui/features/incident-list/ui/incident-table-component.tsx
index 74d3e9623..326fbe7f1 100644
--- a/keep-ui/features/incident-list/ui/incident-table-component.tsx
+++ b/keep-ui/features/incident-list/ui/incident-table-component.tsx
@@ -114,6 +114,7 @@ export const IncidentTableComponent = (props: Props) => {
                   style={style}
                   className={clsx(
                     className,
+                    "bg-white",
                     cell.column.id === "actions" ? "p-1" : ""
                   )}
                 >