From 126c4f1789968cfc135665e2dcb7108a771e6451 Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Tue, 4 Jun 2024 11:16:42 -0400
Subject: [PATCH] fix menu focus colors

---
 src/components/menu-item/menu-item.styles.ts | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/menu-item/menu-item.styles.ts b/src/components/menu-item/menu-item.styles.ts
index aed44e1c8..317b5715e 100644
--- a/src/components/menu-item/menu-item.styles.ts
+++ b/src/components/menu-item/menu-item.styles.ts
@@ -104,9 +104,10 @@ export default css`
   }
 
   :host(:focus-visible) .menu-item {
-    outline: none;
-    background-color: var(--wa-color-brand-spot);
-    color: var(--wa-color-brand-text-on-spot);
+    outline: var(--wa-focus-ring);
+    outline-offset: calc(-1 * var(--wa-focus-ring-width));
+    background-color: var(--wa-color-neutral-fill-subtle);
+    color: var(--wa-color-neutral-text-on-fill);
     opacity: 1;
   }