diff --git a/components/BackgroundSelect.js b/components/BackgroundSelect.js index d37a430..c12bc77 100644 --- a/components/BackgroundSelect.js +++ b/components/BackgroundSelect.js @@ -151,7 +151,7 @@ class BackgroundSelect extends React.Component { .picker-tab { user-select: none; cursor: pointer; - background: rgba(255, 255, 255, 0.165); + background: ${COLORS.DARK_GRAY}; width: 50%; text-align: center; padding: 8px 0; @@ -191,7 +191,7 @@ class BackgroundSelect extends React.Component { box-shadow: none; outline: none; border-radius: 2px; - background: rgba(255, 255, 255, 0.165); + background: ${COLORS.DARK_GRAY}; color: #fff !important; } diff --git a/components/Dropdown.js b/components/Dropdown.js index f0ee9cf..a1dd72c 100644 --- a/components/Dropdown.js +++ b/components/Dropdown.js @@ -1,7 +1,7 @@ import React from 'react' import Downshift from 'downshift' import matchSorter from 'match-sorter' -import ArrowDown from './svg/Arrowdown' +import { Down as ArrowDown } from './svg/Arrows' import CheckMark from './svg/Checkmark' import { COLORS } from '../lib/constants' @@ -197,7 +197,7 @@ const SelectedItem = ({ className="dropdown-display-text" />