From 59d9859a645fb1c33cd51b5b5c9292ace1b1564d Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Mon, 28 Nov 2022 21:18:15 -0500
Subject: [PATCH] fix: Prevent hover styling when MenuItem is controlled

---
 app/components/ContextMenu/MenuItem.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/app/components/ContextMenu/MenuItem.tsx b/app/components/ContextMenu/MenuItem.tsx
index dcc39fc5f..dbc5bbbba 100644
--- a/app/components/ContextMenu/MenuItem.tsx
+++ b/app/components/ContextMenu/MenuItem.tsx
@@ -145,6 +145,9 @@ export const MenuAnchorCSS = css<MenuAnchorProps>`
       ? "pointer-events: none;"
       : `
 
+  ${
+    props.$active === undefined &&
+    `
   @media (hover: hover) {
     &:hover,
     &:focus,
@@ -159,6 +162,8 @@ export const MenuAnchorCSS = css<MenuAnchorProps>`
       }
     }
   }
+  `
+  }
 
   ${
     props.$active &&