fix: match on hover menu tabs

2025-08-25 19:59:35 +05:30
parent 5d8fe40b43
commit 587454985f
1 changed files with 5 additions and 2 deletions
--- a/src/components/dashboard/MainMenu.tsx
+++ b/src/components/dashboard/MainMenu.tsx
@@ -44,18 +44,21 @@ export const MainMenu = ({ value = 'robots', handleChangeContent }: MainMenuProp
    justifyContent: 'flex-start',
    textAlign: 'left',
    fontSize: '17px',
-    padding: '20px 16px 20px 22px',
+    letterSpacing: '0.02857em',
+    padding: '20px 20px 20px 22px',
    minHeight: '48px',
    minWidth: '100%',
    display: 'flex',
    alignItems: 'center',
    textTransform: 'none',
    color: theme.palette.mode === 'light' ? '#6C6C6C' : 'inherit',
-    '&:hover': {
+     '&:hover': {
+      color: theme.palette.mode === 'light' ? '#6C6C6C' : 'inherit',
      backgroundColor: theme.palette.mode === 'light' ? '#f5f5f5' : 'inherit',
    },
  };

+
  return (
    <>
      <Paper