From e223ccca54c2988703c35842ef18147def93cc1d Mon Sep 17 00:00:00 2001
From: Danilo Leal <67129314+danilo-leal@users.noreply.github.com>
Date: Tue, 28 May 2024 17:46:15 -0300
Subject: [PATCH] refine menu item styles

---
 docs/src/components/action/MuiLogoMenu.tsx | 25 ++++++++++++++--------
 1 file changed, 16 insertions(+), 9 deletions(-)

diff --git a/docs/src/components/action/MuiLogoMenu.tsx b/docs/src/components/action/MuiLogoMenu.tsx
index d0b6000c77a78a..811a9887cbc001 100644
--- a/docs/src/components/action/MuiLogoMenu.tsx
+++ b/docs/src/components/action/MuiLogoMenu.tsx
@@ -68,20 +68,27 @@ export default function MuiLogoMenu({ smallerMargin, marginLeft }: MuiLogoMenuPr
         anchorPosition={
           contextMenu !== null ? { top: contextMenu.mouseY, left: contextMenu.mouseX } : undefined
         }
+        sx={(theme) => ({
+          '& .MuiMenuItem-root': {
+            '& * path, .MuiSvgIcon-root': {
+              fill: (theme.vars || theme).palette.text.tertiary,
+              color: (theme.vars || theme).palette.text.tertiary,
+            },
+            '&:hover, &:focus': {
+              '& * path, .MuiSvgIcon-root': {
+                fill: (theme.vars || theme).palette.text.primary,
+                color: (theme.vars || theme).palette.text.primary,
+              },
+            },
+          },
+        })}
       >
         <MenuItem onClick={() => handleCopy(logo)}>
-          <SvgMuiLogomark
-            height={16}
-            width={18}
-            sx={(theme) => ({
-              mr: 1,
-              '> path': { fill: (theme.vars || theme).palette.text.tertiary },
-            })}
-          />
+          <SvgMuiLogomark height={16} width={18} sx={{ mr: 1 }} />
           Copy logo as SVG
         </MenuItem>
         <MenuItem onClick={() => handleCopy(logoWordmark)}>
-          <TextFieldsRoundedIcon sx={{ fontSize: '18px', mr: 1, color: 'text.tertiary' }} />
+          <TextFieldsRoundedIcon sx={{ fontSize: '18px', mr: 1 }} />
           Copy wordmark as SVG
         </MenuItem>
       </Menu>