Fix non-clickable padding area around dropdown items

1 files changed, 15 insertions, 4 deletions

diff --git a/app/components/LoginStyles.js b/app/components/LoginStyles.js
index 4538f9b82a..61e5026a71 100644
--- a/app/components/LoginStyles.js
+++ b/app/components/LoginStyles.js
@@ -87,12 +87,13 @@ export default {
       backgroundColor: colors.darkBlue,
     },
     account_dropdown__item: {
-      paddingTop: 10,
-      paddingRight: 12,
-      paddingLeft: 12,
-      paddingBottom: 12,
+      paddingTop: 0,
+      paddingRight: 0,
+      paddingLeft: 0,
+      paddingBottom: 0,
       marginBottom: 0,
       flexDirection: 'row',
+      alignItems: 'stretch',
       backgroundColor: colors.white60,
       cursor: 'default',
     },
@@ -102,6 +103,11 @@ export default {
     account_dropdown__remove: {
       justifyContent: 'center',
       color: colors.blue40,
+      paddingTop: 10,
+      paddingRight: 12,
+      paddingBottom: 12,
+      paddingLeft: 12,
+      marginLeft: 0,
     },
     account_dropdown__remove_cell_hover: {
       color: colors.blue60,
@@ -166,6 +172,11 @@ export default {
       borderWidth: 0,
       textAlign: 'left',
       marginLeft: 0,
+      paddingTop: 10,
+      paddingRight: 0,
+      paddingLeft: 12,
+      paddingBottom: 12,
+      cursor: 'default',
     },
   }),
 };