Checkbox Uikit in contactform7 issue please help me to resolve it

i have this problème i this picture & i dont know how i can resolve it if you can help me : https://imgur.com/a/dF0JXcr

I'm use the uikit Styling to give the input new style but i get this problème on all of checkboxes, radio ...

<div class="uk-grid-medium career-form-medical uk-grid">
<div class="uk-width-1-1@m uk-text-center uk-grid-margin-small"><h3 class="uk-text-bold">APPLY FOR THIS JOB</h3></div>
<div class="uk-width-1-2@m uk-grid-margin-small">
<div class="uk-inline uk-width-1-1@m"><span class="uk-form-icon uk-icon" data-ukicon="icon: user"></span>[text* text-545 class:uk-input placeholder "Nom*"]
</div>
</div>
<div class="uk-width-1-2@m uk-grid-margin-small">
<div class="uk-inline uk-width-1-1@m"><span class="uk-form-icon uk-icon" data-ukicon="icon: user"></span>[text* text-559 class:uk-input placeholder "Prénom*"]
</div>
</div>
<div class="uk-width-1-2@m uk-grid-margin-small">
<div class="uk-inline uk-width-1-1@m"><span class="uk-form-icon uk-icon" data-ukicon="icon: mail"></span>[email* email-916 class:uk-input placeholder "Email*"]
</div>
</div>
<div class="uk-width-1-2@m uk-grid-margin-small">
<div class="uk-inline uk-width-1-1@m"><span class="uk-form-icon uk-icon" data-ukicon="icon: phone"></span>[tel* tel-181 class:uk-input placeholder "Tel*"]
</div>
</div>
<div class="uk-width-1-1@m uk-grid-margin-small">
<div class="uk-inline uk-width-1-1@m"><span class="uk-form-icon uk-icon" data-ukicon="icon: mail"></span>[text* Adresse class:uk-input placeholder "Adresse*"]
</div>
</div>
<div class="uk-width-1-2@m uk-grid-margin-small">
<div class="uk-inline uk-width-1-1@m"><span class="uk-form-icon uk-icon" data-ukicon="icon: mail"></span>[date* naissance class:uk-input placeholder "Date De Naissance*"]
</div>
</div>
<div class="uk-width-1-2@m uk-grid-margin-small">
<div class="uk-inline uk-width-1-1@m"><span class="uk-form-icon uk-icon" data-ukicon="icon: mail"></span>[text* lieu class:uk-input placeholder "Lieu*"]
</div>
</div>
<div class="uk-width-1-2@m uk-grid-margin-small">
<div class="uk-inline uk-width-1-1@m"><span class="uk-form-icon uk-icon" data-ukicon="icon: mail"></span>[text* niveau-detude class:uk-input placeholder "Niveau D'étude*"]
</div>
</div>
<div class="uk-width-1-2@m uk-grid-margin-small">
<div class="uk-inline uk-width-1-1@m"><label class="uk-input fileupload">Resume/CV : <span class="color-ancient">Attach, Dropbox, Google Drive</span>[file file-547] </label>
</div>
</div>
<div class="uk-width-1-2@m uk-grid-margin-small">
<div class="uk-inline uk-width-1-1@m"><span class="uk-form-icon uk-icon" data-ukicon="icon: cog"></span>
[select jesouhaite class:uk-select "Je Souhaite :" "M'inscrire" "Avoir Des Informations"]
</div>
</div>
<div class="uk-width-1-2@m uk-grid-margin-small">
<div class="uk-inline uk-width-1-1@m"><span class="uk-form-icon uk-icon" data-ukicon="icon: cog"></span>Dans La Filière:
[checkbox* formation-ini label_first use_label_element exclusive class:uk-checkbox "Sage Femme" "Infirmier Polyvalent" "kinésithérapeute" "Delégué Médical" "Infirmier Auxiliaire" "Aide Soignant" "Vendeur en Pharmacie"]
</div>
</div>
<div class="uk-width-1-1@m uk-grid-margin-small">
<div class="uk-inline uk-width-1-1@m"><span class="uk-form-icon textarea-icon uk-icon" data-ukicon="icon: comment"></span>[textarea* textarea-684 class:uk-textarea class:uk-height-small placeholder "Commentaire*"]
</div>
</div>
<div class="uk-width-1-1@m uk-text-center uk-grid-margin">[submit class:uk-button class:uk-button-default "SUBMIT APPLICATION"]</div>
</div>

and this the problème on my site : https://imgur.com/a/dF0JXcr