fix: update AdminNavigation use theme colors

regen-network · Oct 3, 2024 · 72f717d · 72f717d
1 parent 81b83a1
commit 72f717d
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/web-marketplace/src/components/organisms/AdminNavigation/AdminNavigation.tsx b/web-marketplace/src/components/organisms/AdminNavigation/AdminNavigation.tsx
@@ -62,16 +62,16 @@ export const AdminNavigation = ({
                 className="flex p-2 cursor-pointer"
                 onClick={() => onNavItemClick(item.path)}
                 selected={isSelected(item.path, currentPath)}
-                sx={{
+                sx={theme => ({
                   '&.Mui-selected, &.Mui-selected:hover': {
-                    backgroundColor: 'rgb(239, 239, 239)',
+                    backgroundColor: theme.palette.info.light,
                     borderRadius: '5px',
                   },
                   '&:hover': {
-                    backgroundColor: 'rgb(239, 239, 239)',
+                    backgroundColor: theme.palette.info.light,
                     borderRadius: '5px',
                   },
-                }}
+                })}
               >
                 <ListItemIcon className="min-w-[40px]">
                   {item.icon}