From 71f08cd314242dccfa2821da68b9213562e29527 Mon Sep 17 00:00:00 2001
From: Serhii Vecherenko <sdsleon999@gmail.com>
Date: Sun, 9 Aug 2026 12:22:41 -0700
Subject: [PATCH] fix(context-menu): match end action hover with row hover
 style

---
 src/renderer/components/common/ContextMenu.test.tsx | 4 +++-
 src/renderer/components/common/ContextMenu.tsx      | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/renderer/components/common/ContextMenu.test.tsx b/src/renderer/components/common/ContextMenu.test.tsx
index 52b43703..85209397 100644
--- a/src/renderer/components/common/ContextMenu.test.tsx
+++ b/src/renderer/components/common/ContextMenu.test.tsx
@@ -33,7 +33,9 @@ describe("ContextMenu", () => {
     );
 
     fireEvent.contextMenu(screen.getByRole("button", { name: "Row" }));
-    fireEvent.click(await screen.findByRole("button", { name: "Stop Run" }));
+    const stopButton = await screen.findByRole("button", { name: "Stop Run" });
+    expect(stopButton).toHaveClass("[--button-bg-hover:var(--row-hover)]");
+    fireEvent.click(stopButton);
 
     expect(onAction).toHaveBeenCalledWith("stop");
     expect(onAction).not.toHaveBeenCalledWith("run");
diff --git a/src/renderer/components/common/ContextMenu.tsx b/src/renderer/components/common/ContextMenu.tsx
index 32de8ef3..e6256162 100644
--- a/src/renderer/components/common/ContextMenu.tsx
+++ b/src/renderer/components/common/ContextMenu.tsx
@@ -114,7 +114,7 @@ function renderDropdownItem(
           size="sm"
           variant="ghost"
           aria-label={item.endAction.label}
-          className="ml-auto size-5 min-w-0 text-muted hover:text-foreground"
+          className="ml-auto size-5 min-w-0 text-muted hover:text-foreground [--button-bg-hover:var(--row-hover)]"
           {...(item.endAction.isDisabled ? { isDisabled: true } : {})}
           onPress={() => {
             close();