From 1f1c2cda657b9e4468364e4e88d5e68c73eae791 Mon Sep 17 00:00:00 2001
From: Hannu Lyytikainen <hannu@sharetribe.com>
Date: Fri, 5 Jan 2018 13:14:12 +0200
Subject: [PATCH] Fix menu item button styles

---
 .../SelectSingleCustomAttribute.css           | 21 +++++++++++--------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/components/SelectSingleCustomAttribute/SelectSingleCustomAttribute.css b/src/components/SelectSingleCustomAttribute/SelectSingleCustomAttribute.css
index 9bc8bbc9..9e36228b 100644
--- a/src/components/SelectSingleCustomAttribute/SelectSingleCustomAttribute.css
+++ b/src/components/SelectSingleCustomAttribute/SelectSingleCustomAttribute.css
@@ -68,21 +68,22 @@
 
 .menuItem {
   @apply --marketplaceSearchFilterOptionFontStyles;
+  color: var(--matterColor);
 
   /* Layout */
   position: relative;
-  display: block;
-
-  /* Dimensions */
   min-width: 300px;
   margin: 0;
   padding: 4px 30px;
 
-  color: var(--matterColor);
+  /* Override button styles */
+  outline: none;
+  text-align: left;
+  border: none;
 
+  &:focus,
   &:hover {
     color: var(--matterColorDark);
-    text-decoration: none;
   }
 
   &:hover .menuItemBorder {
@@ -97,15 +98,17 @@
 
   /* Layout */
   position: relative;
-  display: block;
-
-  /* Dimensions */
   min-width: 300px;
   margin: 0;
   padding: 35px 30px 19px 30px;
 
+  /* Override button styles */
+  outline: none;
+  text-align: left;
+  border: none;
+
+  &:focus,
   &:hover {
     color: var(--matterColor);
-    text-decoration: none;
   }
 }