Bootstrap issue #25513: input-group custom-file-input browse button border-radius

The following markup, as viewed on the documentation, keeps a border-radius on the "browse" button when we have a second button.

by Salustiano Silva

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/css/bootstrap.min.css">
<div class="input-group mb-3">
  <div class="custom-file">
    <input type="file" class="custom-file-input" id="inputGroupFile02">
    <label class="custom-file-label" for="inputGroupFile02">Choose file</label>
  </div>
  <div class="input-group-append">
    <span class="input-group-text" id="">Upload</span>
  </div>
</div>

<p>
Documentation: <a href="https://getbootstrap.com/docs/4.0/components/input-group/#custom-file-input" title="">here</a>
</p>

CSS

body {
  margin: 1rem;
}