title: Make <input type="file"> height the same as the div container using Bootstrap 4.5
body: <p>Second div has the <code>py-4</code> tag and only the &quot;Upload&quot; button uses this height. I'd like also this same height for the &quot;Choose file&quot; and &quot;Upload&quot; options. Is this possible just updating the .html file only?</p>
  <pre><code>&lt;div class=&quot;input-group&quot;&gt;
    &lt;div class=&quot;custom-file py-4&quot;&gt;
      &lt;input type=&quot;file&quot; class=&quot;custom-file-input&quot; id=&quot;inputGroupFile&quot;&gt;
      &lt;label class=&quot;custom-file-label&quot; for=&quot;inputGroupFile&quot;&gt;Choose file&lt;/label&gt;
    &lt;/div&gt;
    &lt;div class=&quot;input-group-append&quot;&gt;
      &lt;span class=&quot;btn input-group-text&quot;&gt;Upload&lt;/span&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/Lr6sQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Lr6sQ.png" alt="enter image description here" /></a></p>