diff --git a/app/components/Sidebar/components/SidebarLink.js b/app/components/Sidebar/components/SidebarLink.js index d9628507..f0d4e60c 100644 --- a/app/components/Sidebar/components/SidebarLink.js +++ b/app/components/Sidebar/components/SidebarLink.js @@ -66,22 +66,24 @@ function SidebarLink({ }; return ( - - {icon && {icon}} - + <> + + {icon && {icon}} + + {menu && {menu}} - + ); } @@ -109,6 +111,8 @@ const Actions = styled(EventBoundary)` } &:hover { + display: inline-flex; + svg { opacity: 0.75; } @@ -145,9 +149,8 @@ const Link = styled(NavLink)` background: ${(props) => props.theme.black05}; } - &:hover, - &:active { - > ${Actions} { + &:hover + ${Actions}, + &:active + ${Actions} { display: inline-flex; svg {