From 9d7860feb056b9113ea8da66ca04dfafef54d7f9 Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Mon, 4 Jun 2018 15:01:20 -0400
Subject: [PATCH] Fixes menu spacing issue

---
 app/components/DropdownMenu/DropdownMenu.js     | 1 +
 app/components/DropdownMenu/DropdownMenuItem.js | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

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};