Checkbox appears in one place but the checking functionality is a few pixels to the left

I have a checkbox in a registration form, I can't check the box itself but if I click a few pixels to the left, the checkbox is checked. looks like a CSS problem? what could be causing this?

this is the HTML code for it

<input type="checkbox" id="termsConditions" name="termsConditions" style="">

Nothing looks suspicious in the CSS, not that I've changed anything, it's the default.