'Make <input type="file"> height the same as the div container using Bootstrap 4.5

Second div has the py-4 tag and only the "Upload" button uses this height. I'd like also this same height for the "Choose file" and "Upload" options. Is this possible just updating the .html file only?

<div class="input-group">
  <div class="custom-file py-4">
    <input type="file" class="custom-file-input" id="inputGroupFile">
    <label class="custom-file-label" for="inputGroupFile">Choose file</label>
  </div>
  <div class="input-group-append">
    <span class="btn input-group-text">Upload</span>
  </div>
</div>

enter image description here

htmlinputbootstrap-4height


Solution 1:[1]

Try and add the class py-4 to the choose file class

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Tejumola bolu

Related Questions