dotted line if tooltip is added

[Kugeleis]

Describe the issue

Current Behavior

        <ul>
            <li>
                <label data-tooltip="Toggle dark and light mode" for="theme-toggle" class="theme-toggle-label">{%
                    include 'flaticons/bright.svg' %}
                    <input name="terms" class="theme-toggle" id="theme-toggle" type="checkbox" role="switch"
                        checked />{%
                    include 'flaticons/moon.svg' %}
                </label>
            </li>
        </ul>

produces a dotted line below the element. data-tooltip="Tooltip" within the <input> element destroys formatting completely.

Expected Behavior

Only tooltip added