Radio button not inline

*Expected behavior*The circle, checked or unchecked, inline with the associated text

*Actual behavior*The checkbox is above the text

Resources (screenshots, code snippets etc.)

See the bottom of the site's page uisge beatha

<form class="md-form" style="color: #757575;">
<div class="md-form">
    <input type="text" id="inputName" name="name" class="form-control" value="{$form_data->name}" required>
    <label for="inputName">Uw naam</label>
</div>
<div class="md-form">
    <input type="email" id="inputEmail" class="form-control" aria-describedby="inputEmail" placeholder="Voer geldig e-mail adres in" name="email" value="{$form_data->email}" required>
    <label for="inputEmail">e-mail adres</label>
    <small class="blue-text d-flex justify-content-start">Dit e-mail adres wordt nooit gedeeld.</small>
</div>
<div class="col-12 col-md-12 form-check form-check-inline">
    <input type="radio" class="form-check-input" id="inschrijven" name="mailing" value="inschrijven" checked>
    <label class="form-check-label" for="inschrijven">Inschrijven</label>
</div>
<div class="col-12 col-md-12 form-check form-check-inline">
    <input type="radio" class="form-check-input" id="uitschrijven" name="mailing" value="uitschrijven">
    <label class="form-check-label" for="uitschrijven">Uitschrijven</label>
</div>

<div class="g-recaptcha col-12 mt-4" data-sitekey="secret key"></div>
<div class="md-form d-flex flex-row mt-2">

    <button class="btn btn-sm blue-gradient btn-rounded waves-effect z-depth-0 white-text" type="submit">Verstuur</button>
    <button class="btn btn-sm blue-gradient btn-rounded waves-effect z-depth-0 white-text" type="reset">Herstel</button>
</div>