From 34e59c8ec9ef090b27830d8d2f76bb56585aed7f Mon Sep 17 00:00:00 2001
From: euvre <93761161+euvre@users.noreply.github.com>
Date: Fri, 14 Aug 2026 05:07:12 -0700
Subject: [PATCH] fix(web): enlarge card '...' edit button hit area (#18262)

---
 web/src/components/more-button.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/web/src/components/more-button.tsx b/web/src/components/more-button.tsx
index da48310122..aea9db12f1 100644
--- a/web/src/components/more-button.tsx
+++ b/web/src/components/more-button.tsx
@@ -28,6 +28,9 @@ export const MoreButton = React.forwardRef<HTMLButtonElement, ButtonProps>(
         size={size || 'icon-xs'}
         className={cn(
           'opacity-0 size-3.5 transition-all bg-transparent group-hover:bg-transparent',
+          // Keep the 14px visual size but increase the hit area with an
+          // absolutely positioned pseudo-element (14px + 8px on each side).
+          'relative after:absolute after:-inset-2 after:content-[""]',
           'group-focus-within:opacity-100 group-hover:opacity-100 aria-expanded:opacity-100',
           className,
         )}