# Removing padding in the closing button

**URL:** https://meta.discourse.org/t/removing-padding-in-the-closing-button/165515
**Category:** UX
**Created:** [September 27, 2020, 10:43am UTC](https://meta.discourse.org/t/removing-padding-in-the-closing-button/165515 "2020-09-27T10:43:50Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![verilog15](https://avatars.discourse-cdn.com/v4/letter/v/9f8e36/32.png) [@verilog15](https://meta.discourse.org/u/verilog15)
#### Post date: [September 27, 2020, 10:43am UTC](https://meta.discourse.org/t/removing-padding-in-the-closing-button/165515/1 "2020-09-27T10:43:50Z")

</div>

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

 ![image](https://global.discourse-cdn.com/meta/original/3X/f/1/f15b5391f5fe0329d7fa0416d940f302907efd24.png)

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

![image](https://global.discourse-cdn.com/meta/original/3X/d/f/dfcfe3ba644841d38128c63a1683c1d324745e80.png)

The HTML code:

```plaintext
.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.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [October 24, 2020, 3:10am UTC](https://meta.discourse.org/t/removing-padding-in-the-closing-button/165515/2 "2020-10-24T03:10:37Z")

</div>

Setting padding left to 0 should work… for example:

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

```

 ![Screen Shot 2020-10-23 at 11.09.02 PM](https://global.discourse-cdn.com/meta/original/3X/e/e/ee86819ab16331b74b1ea64d4cec88e9eec86695.png)