diff --git a/app/components/UI/Dropdown.js b/app/components/UI/Dropdown.js index c1862a8e..00f6ac86 100644 --- a/app/components/UI/Dropdown.js +++ b/app/components/UI/Dropdown.js @@ -14,7 +14,7 @@ const DropdownContainer = styled(Flex)({}) DropdownContainer.defaultProps = { flexDirection: 'column', flexWrap: 'none', - display: 'relative' + position: 'relative' } /** @@ -36,14 +36,15 @@ DropdownButton.defaultProps = { as: 'button', m: 0, p: 0, - textAlign: 'left' + textAlign: 'left', + justify: 'left' } /** * Menu */ const MenuContainer = styled(Box)({ - display: 'relative' + position: 'relative' }) const Menu = styled(Box)({ @@ -138,7 +139,7 @@ class Dropdown extends React.Component { render() { const { isOpen } = this.state - let { activeKey, items, theme, ...rest } = this.props + let { activeKey, items, justify, theme, ...rest } = this.props // coerce array of strings into array of objects. items = items.map(item => { if (typeof item === 'string') { @@ -160,12 +161,12 @@ class Dropdown extends React.Component { {isOpen && ( - + {items.map(item => { return ( this.onChange(item.key)}> - + {activeKey === item.key && ( )} diff --git a/test/unit/components/UI/__snapshots__/Dropdown.spec.js.snap b/test/unit/components/UI/__snapshots__/Dropdown.spec.js.snap index f356667c..be5bf0eb 100644 --- a/test/unit/components/UI/__snapshots__/Dropdown.spec.js.snap +++ b/test/unit/components/UI/__snapshots__/Dropdown.spec.js.snap @@ -41,7 +41,6 @@ exports[`component.Dropdown should render correctly 1`] = `