From 3cbe0905cac58808ce8dd84c2e26e97c16a5d069 Mon Sep 17 00:00:00 2001
From: sunlight7777777 <vengefulriker@gmail.com>
Date: Tue, 26 May 2026 18:57:15 -0700
Subject: [PATCH] fix(DataTable): make default row hover visible on dark theme

---
 src/components/common/DataTable.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/common/DataTable.tsx b/src/components/common/DataTable.tsx
index d9ccec88..3b630c79 100644
--- a/src/components/common/DataTable.tsx
+++ b/src/components/common/DataTable.tsx
@@ -120,9 +120,10 @@ const tableSx = {
 
 const clickableRowSx: SxProps<Theme> = (theme) => ({
   cursor: 'pointer',
-  transition: 'background-color 0.2s',
+  transition: 'all 0.2s',
+  borderBottom: `1px solid ${theme.palette.surface.light}`,
   '&:hover': {
-    backgroundColor: theme.palette.surface.subtle,
+    backgroundColor: theme.palette.border.subtle,
   },
 });