From b3a77d7c049f60a399656f3f735b09337e3ca9f7 Mon Sep 17 00:00:00 2001
From: Mike Cao <mike@umami.is>
Date: Fri, 6 Feb 2026 04:00:42 -0800
Subject: [PATCH] Fix CompareTables select width, WebsiteSelect min height, and
 MetricCard gap.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/app/(main)/websites/[websiteId]/compare/CompareTables.tsx | 2 ++
 src/components/input/WebsiteSelect.tsx                        | 1 +
 src/components/metrics/MetricCard.tsx                         | 1 +
 3 files changed, 4 insertions(+)

diff --git a/src/app/(main)/websites/[websiteId]/compare/CompareTables.tsx b/src/app/(main)/websites/[websiteId]/compare/CompareTables.tsx
index 280cbd147..c44a05508 100644
--- a/src/app/(main)/websites/[websiteId]/compare/CompareTables.tsx
+++ b/src/app/(main)/websites/[websiteId]/compare/CompareTables.tsx
@@ -156,6 +156,8 @@ export function CompareTables({ websiteId }: { websiteId: string }) {
           value={view}
           defaultValue={view}
           onChange={handleChange}
+          style={{ width: 200 }}
+          popoverProps={{ style: { width: 200 } }}
         >
           {items.map(({ id, label }) => (
             <ListItem key={id} id={id}>
diff --git a/src/components/input/WebsiteSelect.tsx b/src/components/input/WebsiteSelect.tsx
index 399efee58..7004896a7 100644
--- a/src/components/input/WebsiteSelect.tsx
+++ b/src/components/input/WebsiteSelect.tsx
@@ -66,6 +66,7 @@ export function WebsiteSelect({
         renderEmptyState: () => <Empty message={formatMessage(messages.noResultsFound)} />,
         style: { maxHeight: 'calc(42vh - 65px)', width: 280 },
       }}
+      buttonProps={{ style: { minHeight: 40 } }}
     >
       {listItems.map(({ id, name }) => (
         <ListItem key={id} id={id}>
diff --git a/src/components/metrics/MetricCard.tsx b/src/components/metrics/MetricCard.tsx
index 7cbc4b043..e60e76911 100644
--- a/src/components/metrics/MetricCard.tsx
+++ b/src/components/metrics/MetricCard.tsx
@@ -37,6 +37,7 @@ export const MetricCard = ({
       borderRadius
       backgroundColor="surface-base"
       border
+      gap="4"
     >
       {showLabel && (
         <Text weight="bold" wrap="nowrap">