Add hover background to MetricsTable rows.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-06 02:24:41 -08:00
parent c6dd3fb6ff
commit 1b347531dc
1 changed files with 8 additions and 1 deletions
@@ -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}