ConsenSysMesh / rimble-ui

React components that implement Rimble's Design System.
https://rimble.consensys.design/
MIT License
462 stars 67 forks source link

Select bug when using margin prop #432

Open ryancreatescopy opened 4 years ago

ryancreatescopy commented 4 years ago

Describe the bug When using a margin prop on a Select component, it doesn't seem to affect the dropdown icon which means that the icon stays put while the rest of the component accepts the prop.

To Reproduce Steps to reproduce the behavior:

  1. Go to Select page (https://rimble.consensys.design/components/rimble-ui/Select)
  2. Add mt={3} into example codebox
  3. See error

Expected behavior The dropdown icon alignment should always have the same alignment within the component, meaning it remains central to the box and moves with the margin prop.

Screenshots If applicable, add screenshots to help explain your problem.

image

Rimble UI Version

Latest

Desktop (please complete the following information):