I having problem with the checkbox. The text label not staying on the same line as the checkbox if it too long. Same thing as when view in phone. The switch also have the same problem.
Code :

<div class="row">
    <div class="col-md-12 col-lg-12 col-sm-12">
       <div class="form-check">
              <input
                 mdbCheckbox
                 class="form-check-input"
                 type="checkbox"               
                 id="isReceivedTextMessage"
                 formControlName="isReceivedTextMessage"/>
        <label class="form-check-label" for="isReceivedTextMessage" style="color: grey;">
              I would like to receive text message updates on my PVA Online Conference (note:         
             message and data rates may apply)
       </label>
    </div>
 </div>