GeekyAnts / GeekyAnts/NativeBase
Solid and outline buttons have different heights
- Dominant language
- TypeScript
- Stars
- 20.4k
- Forks
- 2.4k
- PR merge metrics
- No merged PRs in 30d
Description
### Description
Not sure if this is a bug or intentional. Solid and outline buttons currently differ slightly in height. This can be an annoyance if you want a row of buttons that all have the same height.
### CodeSandbox/Snack link
https://snack.expo.dev/@srmagura/nativebase-outline-button-size-341
### Steps to reproduce
1. Open the Snack I linked.
**Expected behavior:** Buttons have the same height regardless of `variant`.
**Actual behavior:** Outline buttons are slightly taller than solid buttons.
Screenshot from Android:

### NativeBase Version
3.4.1
### Platform
- [X] Android
- [ ] CRA
- [X] Expo
- [X] iOS
- [ ] Next
### Other Platform
Web (visible in the web preview pane of the Snack)
### Additional Information
You can probably fix this by adding a border to the solid buttons that is the same color as the background color.
As a reference point, the Bootstrap button component is the same height regardless of whether it is a normal (solid) button or an outline button.
Contributor guide
Assessment
This issue has not been assessed yet.