Input checkbox inside Bootstrap "Collapse" button not working in FF

Trying to get an input checkbox inside of Bootstrap's Collapse component. The checkbox works in Chrome/Safari. But it just appears to be overwritten by the button tag.

Link to screenshot

<button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
  <div class="form-check">
    <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
    <span class="button-label">Button Label 1</span>
    <div class="exp-status">
      <i class="fas fa-plus"></i>
    </div>
  </div>
</button>