[$35] Double scrolling in phone code dropdown

[maxceem]

Follow up from #3823 (comment)

Two scrollbars displayed One is scrollable and the other one is disabled and not in use

Expected behavior

• There should not be the second scrollbar and shouldn't be any space on the right from the scrollbar.
• The height should stay as it is. Note, that in here we use shorter height, while in other places we use default height which is higher.
• As this list of countries is shown using our reusable dropdown component. We should reuse the scrollbar of the dropdown and don't implement another scrollbar if possible.
• Preferably fix it in https://github.com/appirio-tech/react-components repository so this fix would be applied in all places we use this component.

[maxceem]

@codejamtc in which browser do you see 2 scrollbars?

[codejamtc]

@maxceem Chrome 80.0.3987.149

[maxceem]

Sum up:
This issue might need to be fixed in two repositories:

• this repo
• https://github.com/appirio-tech/react-components repo branch feature/connectv2-dev

[Giri-Suman]

@bug-bash-helper

[Giri-Suman]

@bug-bash-helper assign

[bug-bash-hunt-helper]

@Giri-Suman ✅ you are now assigned to this issue and have 12 hours to complete it.

As soon as you are done, please, make a comment like below, including the link to the pull request:

@bug-bash-helper <link to PR> is ready for review