# Button padding in the editor is confusing

**URL:** <https://forum.mautic.org/t/button-padding-in-the-editor-is-confusing/33059>\
**Category:** Product Support\
**Created:** [August 8, 2024, 7:57am UTC](https://forum.mautic.org/t/button-padding-in-the-editor-is-confusing/33059 "2024-08-08T07:57:15Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![mika](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/mika/32/12678_2.png) [@mika](https://forum.mautic.org/u/mika)\
**Post date:** [August 8, 2024, 7:57am UTC](https://forum.mautic.org/t/button-padding-in-the-editor-is-confusing/33059/1 "2024-08-08T07:57:15Z")

</div>

**Your software**  
My Mautic version is: 5.1.0  
My PHP version is: 8.1  
My Database type and version is:

**Your problem**  
After changing a button’s text on a new landing page the padding changes and I can’t revert it by using the style settings. Tested with Firefox 128.

This is what a freshly added button looks like:  
 ![button-new](https://us1.discourse-cdn.com/flex020/uploads/mautic/original/2X/2/2e615a2fd75a915a5148f8fd3d1245a91d874e02.png)

This happens after changing the text:

 ![button-text-changed](https://us1.discourse-cdn.com/flex020/uploads/mautic/original/2X/a/aa34d9910f45d82b48b1e1754d183fafcf9c3252.png)

CSS on the preview page:  
 ![grafik](https://us1.discourse-cdn.com/flex020/uploads/mautic/original/2X/0/0ba95245133141ad3bfe881b8e38f7071ca66818.png)

Steps I have tried to fix the problem: Looked at the CSS, tried changing padding in the editor.

---

<div class="post-metadata">

**Author:** ![mika](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/mika/32/12678_2.png) [@mika](https://forum.mautic.org/u/mika)\
**Post date:** [August 8, 2024, 10:25am UTC](https://forum.mautic.org/t/button-padding-in-the-editor-is-confusing/33059/2 "2024-08-08T10:25:21Z")

</div>

Maybe good to know: The email editor does a similar thing while editing, but in the preview it looks fine:  
 ![image](https://us1.discourse-cdn.com/flex020/uploads/mautic/original/2X/d/d9613646745b193b1a71f0de53be240f4c517c3f.png)

Tested with Brienz theme and my own edits.

---

<div class="post-metadata">

**Author:** ![rembrandx](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/rembrandx/32/12673_2.png) [@rembrandx](https://forum.mautic.org/u/rembrandx)\
**Post date:** [September 8, 2024, 12:29pm UTC](https://forum.mautic.org/t/button-padding-in-the-editor-is-confusing/33059/3 "2024-09-08T12:29:07Z")

</div>

@mika Is it just the way buttons look in the Editor that is messed up, or does the button in the saved Landing Page also appear broken?  
Could you make an issue in Github so this can be followed up on? If it’s just the look in the Edit window, it might be a small thing to fix.

> **[Issues · mautic/mautic](https://github.com/mautic/mautic/issues)**
>
> Mautic: Open Source Marketing Automation Software. - Issues · mautic/mautic