diff --git a/app/components/DropdownMenu/DropdownMenu.js b/app/components/DropdownMenu/DropdownMenu.js index 75622990..e5493842 100644 --- a/app/components/DropdownMenu/DropdownMenu.js +++ b/app/components/DropdownMenu/DropdownMenu.js @@ -93,6 +93,7 @@ const Menu = styled.div` border: ${color.slateLight}; background: ${color.white}; border-radius: 2px; + padding: 0.5em 0; min-width: 160px; overflow: hidden; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 4px 8px rgba(0, 0, 0, 0.08), diff --git a/app/components/DropdownMenu/DropdownMenuItem.js b/app/components/DropdownMenu/DropdownMenuItem.js index a4ce35fe..8e430f32 100644 --- a/app/components/DropdownMenu/DropdownMenuItem.js +++ b/app/components/DropdownMenu/DropdownMenuItem.js @@ -19,7 +19,7 @@ const DropdownMenuItem = ({ onClick, children, ...rest }: Props) => { const MenuItem = styled.a` display: flex; margin: 0; - padding: 5px 10px; + padding: 6px 12px; height: 32px; color: ${color.slateDark};