Styling issues

I am not certain if anyone encountered this with their project.

I do not use frameworks like Bootstrap.

I get some issues with the form field input. It appears smaller than it should be when users start typing.

Here’s my fix:

.Select-input {
  padding: 0 !important;
}

.Select-input,
.Select-input input {
  width: 100% !important;
}

.Select-input input {
  text-indent: 10px;
}

[jharris4]

I’m seeing this issue with Chrome 62, and the fix from @joinjoohny seems to have fixed it.

[joinjoohny]

Thank you! But when clicked in select, it doesn’t open. I have small fix, when select is open.

.Select.is-open .Select-input {
  padding: 0 !important;
}

.Select.is-open .Select-input,
.Select.is-open .Select-input input {
  width: 100% !important;
}

.Select.is-open .Select-input input {
  text-indent: 10px;
}