From 1b347531dc8997d298f9150bc751cec4e98000ec Mon Sep 17 00:00:00 2001
From: Mike Cao <mike@umami.is>
Date: Fri, 6 Feb 2026 02:24:41 -0800
Subject: [PATCH] Add hover background to MetricsTable rows.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/components/metrics/ListTable.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/metrics/ListTable.tsx b/src/components/metrics/ListTable.tsx
index 545d4f37f..00192d1b2 100644
--- a/src/components/metrics/ListTable.tsx
+++ b/src/components/metrics/ListTable.tsx
@@ -111,7 +111,14 @@ const AnimatedRow = ({
   });
 
   return (
-    <Grid columns="1fr 50px 50px" paddingLeft="2" alignItems="center" borderRadius gap>
+    <Grid
+      columns="1fr 50px 50px"
+      paddingLeft="2"
+      alignItems="center"
+      borderRadius
+      gap
+      hover={{ backgroundColor: 'surface-sunken' }}
+    >
       <Row alignItems="center">
         <Text truncate={true} style={{ maxWidth: isPhone ? '200px' : '400px' }}>
           {label}