diff --git a/portal-ui/src/icons/SidebarMenus/HealthMenuIcon.tsx b/portal-ui/src/icons/SidebarMenus/HealthMenuIcon.tsx index b677b7291..9aef271ba 100644 --- a/portal-ui/src/icons/SidebarMenus/HealthMenuIcon.tsx +++ b/portal-ui/src/icons/SidebarMenus/HealthMenuIcon.tsx @@ -22,38 +22,15 @@ const HealthMenuIcon = (props: SVGProps) => ( xmlns="http://www.w3.org/2000/svg" className={`min-icon`} fill={"currentcolor"} - viewBox="0 0 16 13.597" + viewBox="0 0 256 256" {...props} > - - - - - - + - diff --git a/portal-ui/src/screens/Console/Menu/MenuStyleUtils.tsx b/portal-ui/src/screens/Console/Menu/MenuStyleUtils.tsx index 3e24da1fb..2e61484f3 100644 --- a/portal-ui/src/screens/Console/Menu/MenuStyleUtils.tsx +++ b/portal-ui/src/screens/Console/Menu/MenuStyleUtils.tsx @@ -94,6 +94,7 @@ export const menuItemStyle: any = { ".menu-icon": { border: "1px solid hsla(0,0%,100%,.1)", borderRadius: "50%", + background: "#072549", }, }, "& .menu-icon": { @@ -105,9 +106,12 @@ export const menuItemStyle: any = { }, "&:hover, &:focus": { background: "hsla(0,0%,100%,.25)", - - "& .menu-icon svg": { - fill: "#c7c3c3", + "& .menu-icon": { + background: "#072549", + borderRadius: "50%", + "& svg": { + fill: "#c7c3c3", + }, }, }, };