Removing padding in the closing button

Hello community!
I have a small UI question. In every modal that has the closing button, the button has some padding:

My theme adds background color to the button, so the closing button has a background. This means you get:

image

The HTML code:

.modal-header .modal-close {
    order: 2;
    margin-left: auto;
    padding-left: 2em;
}

If I try to set padding-left to none in my theme, it’s been overridden. If you remove padding-left, it will not change anything because of margin-left: auto;. Is it possible to remove padding-left from the code? I would add a PR myself but wanted to make sure if it’s valid suggestion.

2 Likes

Setting padding left to 0 should work… for example:

.modal-header .modal-close {
    padding-left: 0;
    background: skyblue;
}

4 Likes