ConsenSysMesh / ConsenSysMesh/rimble-ui
Select bug when using margin prop
- Dominant language
- JavaScript
- Stars
- 455
- Forks
- 60
- PR merge metrics
- No merged PRs in 30d
Description
**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.

**Rimble UI Version**
Latest
**Desktop (please complete the following information):**
- Mac OS
- Brave
- Version 0.70.121
Contributor guide
No contributing guide indexed for this repository
Research direction
Open the Select page and reproduce the issue by adding mt={3} to the example code. Inspect the Select component and its dropdown icon alignment, then verify that the icon remains centered and moves with the component margin in the example.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- design, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 42/100