New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Input inside compact Input.Group gets 2px right border instead of 1px #11863

yallie opened this Issue Aug 23, 2018 · 0 comments


None yet
2 participants

yallie commented Aug 23, 2018

  • I have searched the issues of this repository and believe that this is not a duplicate.




  • Google Chrome 68.0.3440.106
  • Microsoft Edge 41.16299.611.0

Reproduction link

Edit on CodeSandbox

Steps to reproduce

  • Create a compact Input.Group with two Inputs inside it, set input width to 30%.
  • Set prefix="a" or suffix="a" in the first input.
  • The first input is rendered with incorrect right border.

What is expected?

All borders should be 1 pixel wide.

What is actually happening?

An Input component inside compact Input.Group with non-null prefix or suffix is rendered with 2 pixel right border.


Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment