Misaligned TWebCheckBox

I'm having problems with the TWebCheckBox. I'm using the Beta 1.7 of TMS Web Core because I had upgraded FNC UI. Mayby the problem is not present in 1.6

Create a new TMS Web Application. Place a single TWebCheckBox onto the form. Run the application, check box looks ok. Now I want to change the style using bootstrap. I follow the example at

and enter the ElementButtonClass name etc, as indicated see screenshot below of my IDE


I set the libraries to bootstrap 4.3.1, run and I see the following misaligned checkbox


Any way to fix this?

Set Form.ElementFont = efCSS
Bootstrap expects that the form body uses the Bootstrap settings as well.