JSFiddle - React, Tailwind, and code Playground

HTML

<section class="form-holder">
  <div class="row check-field">
    <span class="label">Test *</span>
    <div class="text-inp radio-area">
      <div>
        <label for="lbAlquiler">
          <input type="radio" name="processBean.regimen" value="L" id="lbAlquiler" class="required required-radio with-tooltip"> Test
        </label>
        <label for="lbPropiedad">
          <input checked="checked" type="radio" value="PO" name="processBean.regimen" id="lbPropiedad" class="required required-radio"> test
        </label>
      </div>
    </div>
  </div>
</section>

CSS

@media only screen and (max-width: 767px) {
  .form-holder .row .radio-area label {
    float: left;
    font-size: 13px;
  }
  .form-holder .radio-area label > input {
    display: inline-block;
    float: none;
    vertical-align: middle;
  }
  .form-holder input[type="radio"]:focus,
  .form-holder input[type="checkbox"]:focus {
    background: transparent;
    box-shadow: none;
    outline: 0!important;
    outline: none!important;
    outline-width: 0!important;
    -webkit-tap-highlight-color: transparent!important;
  }
}