Unless I screwed up implementing something when updating bootstrap-switch to the current version I can't figure out why it's not working right. When I was debugging the JavaScript that manipulates the switch when the page is loading is targeting what I think is the wrong element to calculate the sizes (specifically one of the inner spans), but that's as far as I got with it.

It contains too small widths causing a display issue
Hard for me to explain for me how to solve it.
If you replace all the widths of this part, the display will be ok
Currently we have: 84px / 56px / 28px and margin of -28px and 28px
If we could have: 120px / 80px / 40px and margin of -40px and 40px

With my sizes:

Part of the problem is it's all converted/computed by the bootstrap-switch JavaScript. It converts this line into its "fancy" display on page load. So we've either got some kind of conflict between third party assets or found a bug in bootstrap-switch.

I have fond something interesting:
http://bootstrapswitch.com/options.html

And there the data-size attribute saddly it don't work if I just change it using the console can you try the values 'normal' & 'large' maybe it helps ?

did this data-size thing work?