JSFiddle - React, Tailwind, and code Playground

HTML

<div class="form-group">

  <div class="col-sm-3 mobile-label">
      <label >Redeem  points</label>
        <img style="width: 15px; display:inline-block" data-toggle="modal" data-target="#myModal1" src="/assets/qun1-b0a3aa125f9722c0a60e449b3b14f05dc7ed59aa50f6a27dd8efd0dd6e6efde9.png" alt="Qun1 b0a3aa125f9722c0a60e449b3b14f05dc7ed59aa50f6a27dd8efd0dd6e6efde9">

    </div>
     <div class="col-sm-9">
      <input class="form-control col-sm-9" type="text">
      <button name="button" type="submit" class="btn btn-lg btn-success primary payment-code col-sm-3 " >Apply</button>
</div>
        </div>
        
        
        
        <div class="form-group">

  <div class="col-sm-3 mobile-label">
      <label >Redeem points 1</label>


    </div>
     <div class="col-sm-9">
      <input class="form-control col-sm-9" type="text" >
      <button name="button" type="submit" class="btn btn-lg btn-success primary payment-code col-sm-3 ">Apply</button>
</div>
        </div>