Conflicting CSS styles for checkbox elements

We were running in strange issues with the updated CSS in our DG environment. Following CSS lines are conflicting with custom styled “checkbox” items. Can you explain us the reason for the CSS lines or can it be removed from the core?
(Of course we could override these styles somehow but just wanted to go the cleaner path…)

body:not(.selenium) input[type="checkbox"] {
    width: 0;
    margin-right: 16px;

Hmm, yes, I agree, it’s very wide.
This is our code to reset checkboxes customization for testing DG with Selenium.
Can you provide your checkboxes css, so I could make something more friendly?

We use this component for now (link: but your CSS code is very wide defined so almost any input with input="checkbox is modified right now. Not sure if that is healthy…

I agree here. Will try to figure out how to do it better.

Done, now checkboxes have special selector.