Contact Form 7 – Checkboxes indenting unintentionally

Hi All. My first time posting here so please forgive if I’m breaking any protocol. I’ve searched through to see if this topic is posted but couldn’t find any posts that address this particular issue.

I am using Contact Form 7 on my website

When I use checkboxes they are indenting. Like this.

[] Row 1
[] Row 2
[] Row 3

The indents are even carried over into the next object like this

[] Row 1
[] Row 2
[] Row 3
[SEND BUTTON]

I’ve searched through the code and haven’t found anything obviously broken. The CSS styles are specifying float: left for the checkbox element, I haven’t edited them, they are the default style sheets.

They were working fine until recently, perhaps after a recent update.

My examination of the resulting HTML code shows that a blank space ” ” is being inserted at the beginning of each new line. I believe the blank space is causing the problem as the elements are wanting to align left to the element just above it but aligning to the element above then adding a blank space results in the indents I am getting.

Could it be the blank spaces causing the problem?
What might be causing the blank spaces to be inserted?
How can I stop this from happening?

I am temporarily using drop down list in place of the checklist, but I prefer the checklist for this application.

Any help is much appreciated.