custom-file inside input-group issue v4.6.0

[PerseusTheGreat]

Hi,
Recently I got v4-dev branch to update my RTL edition, then I have figured out when a custom-file is placed inside an input-group with at least one input-group-append, its border-radius styles will be applied wrongly.

Live evidences of official v4.6.0 docs for considerations:

• https://getbootstrap.com/docs/4.6/components/forms/#supported-elements | first sample : last input
• https://getbootstrap.com/docs/4.6/components/input-group/#custom-file-input | first sample : 2nd and 4th inputs

I am working on a machine with:

• Microsoft Windows 10 20H2 x64
• Microsoft Edge Chromium 87.0.664.75
• Chrome 88.0.4324.104
• Firefox 84.0.2

[mdo]

Appears to have come from #31962.

• https://getbootstrap.com/docs/4.6/components/input-group/#custom-file-input
• https://getbootstrap.com/docs/4.5/components/input-group/#custom-file-input

[alecpl]

@mdo, as a regression it would be nice to be assigned to 4.6.1 project and hopefully fixed sooner rather than later.

[XhmikosR]

#33239 was merged, it will be in the next 4.x release.