diff --git a/src/components/UI/Layout/Navigation/SideMenus/SideMenus.module.css b/src/components/UI/Layout/Navigation/SideMenus/SideMenus.module.css index a528c79c0..4a4d4f35a 100644 --- a/src/components/UI/Layout/Navigation/SideMenus/SideMenus.module.css +++ b/src/components/UI/Layout/Navigation/SideMenus/SideMenus.module.css @@ -146,6 +146,7 @@ transform: scale3d(1, 1, 1); } } + .ExpandedIcon { color: #717971; margin-left: auto; diff --git a/src/components/UI/Layout/Navigation/SideMenus/SideMenus.tsx b/src/components/UI/Layout/Navigation/SideMenus/SideMenus.tsx index b024ea275..2dd170321 100644 --- a/src/components/UI/Layout/Navigation/SideMenus/SideMenus.tsx +++ b/src/components/UI/Layout/Navigation/SideMenus/SideMenus.tsx @@ -19,6 +19,7 @@ import styles from './SideMenus.module.css'; import { useTranslation } from 'react-i18next'; import { Menu } from 'config/menu'; import { ArrowDropDown } from '@mui/icons-material'; + export interface SideMenusProps { opened: boolean; } @@ -185,7 +186,6 @@ const SideMenus = ({ opened }: SideMenusProps) => { }} /> ); - let listItemButton = ( { } primary={t(menu.title as any)} /> + {dropdownArrow} )}