diff --git a/features/ui/sidebar-navigation/menu-item-link.tsx b/features/ui/sidebar-navigation/menu-item-link.tsx index 8a5168e..6d36f47 100644 --- a/features/ui/sidebar-navigation/menu-item-link.tsx +++ b/features/ui/sidebar-navigation/menu-item-link.tsx @@ -12,11 +12,11 @@ type MenuItemProps = { }; export const ListItem = styled.li<{ isActive?: boolean }>` - height: ${space(12)}; + height: 40px; display: flex; align-items: center; - margin-top: ${space(1)}; - padding: ${space(0, 3)}; + margin-top: ${space(0)}; + padding: ${space(1)}; background: ${(props) => props.isActive ? color("gray", 700)(props) : "transparent"}; border-radius: 6px;