From 0d34cb2b82d6401289e46c0bdaecee1196995f49 Mon Sep 17 00:00:00 2001
From: Vasek Mlejnsky <vasek.mlejnsky@gmail.com>
Date: Fri, 21 Sep 2018 10:40:26 +0200
Subject: [PATCH] Fix issue when a selected option wasn't properly indicated
 (CSS) when using arrow keys

---
 src/components/Select/index.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Select/index.js b/src/components/Select/index.js
index eefbac2a..ee5e2233 100644
--- a/src/components/Select/index.js
+++ b/src/components/Select/index.js
@@ -52,10 +52,10 @@ const styles = isSearchable => ({
         borderRight: `1px solid ${colors.DIVIDER}`,
         borderBottom: `1px solid ${colors.DIVIDER}`,
     }),
-    option: (base, { isSelected }) => ({
+    option: (base, { isFocused }) => ({
         ...base,
         color: colors.TEXT_SECONDARY,
-        background: isSelected ? colors.LANDING : colors.WHITE,
+        background: isFocused ? colors.LANDING : colors.WHITE,
         borderRadius: 0,
         '&:hover': {
             cursor: 'pointer',