From e44f33c2de43e6e350d8004479c7bb6ad505b1c9 Mon Sep 17 00:00:00 2001 From: Vasek Mlejnsky Date: Wed, 29 Aug 2018 10:11:59 +0200 Subject: [PATCH] Add borders to select menu not option --- src/components/Select/index.js | 8 +++----- 1 file changed, 3 insertions(+), 5 deletions(-) diff --git a/src/components/Select/index.js b/src/components/Select/index.js index 404d62a5..4b7c387f 100644 --- a/src/components/Select/index.js +++ b/src/components/Select/index.js @@ -42,17 +42,15 @@ const styles = isSearchable => ({ padding: 0, boxShadow: 'none', background: colors.WHITE, + borderLeft: `1px solid ${colors.DIVIDER}`, + borderRight: `1px solid ${colors.DIVIDER}`, + borderBottom: `1px solid ${colors.DIVIDER}`, }), option: (base, { isSelected }) => ({ ...base, color: colors.TEXT_SECONDARY, background: isSelected ? colors.LANDING : colors.WHITE, borderRadius: 0, - borderLeft: `1px solid ${colors.DIVIDER}`, - borderRight: `1px solid ${colors.DIVIDER}`, - '&:last-child': { - borderBottom: `1px solid ${colors.DIVIDER}`, - }, '&:hover': { cursor: 'pointer', background: colors.LANDING,