# Rogue padding on Links Button

**URL:** <https://community.evolveauthoring.com/t/rogue-padding-on-links-button/1263>\
**Category:** General Help\
**Created:** [August 27, 2021, 11:57am UTC](https://community.evolveauthoring.com/t/rogue-padding-on-links-button/1263 "2021-08-27T11:57:55Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![nath](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/nath/32/2608_2.png) [@nath](https://community.evolveauthoring.com/u/nath)\
**Post date:** [August 27, 2021, 11:57am UTC](https://community.evolveauthoring.com/t/rogue-padding-on-links-button/1263/1 "2021-08-27T11:57:55Z")

</div>

Hi Evolve Community!

I have a padding related question:

I am using a Links component to a create a button which takes you to the next page. however it has a mystery 10 px of padding which is pushing it off the edege of the content. I’ve attached a screenshot to show the issue using the inspector tool. Red lines showing the spacing.

 ![button-margin-02](https://canada1.discourse-cdn.com/flex031/uploads/evolveauthoring/original/1X/e1dec7de252501cfba5ec85ad83ae391d4ad8ab7.png)

I can’t work out where the padding is coming from as all the left padding on buttons has been removed. From the webinspector it looks like it is padding on a container which holds the button but i can’t work out where this can be adjusted!

Apologies if this is very obvious.

Any help would be much appreciated.

Thanks.

Nath

---

<div class="post-metadata">

**Author:** ![hbailey](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/hbailey/32/603_2.png) [@hbailey](https://community.evolveauthoring.com/u/hbailey)\
**Post date:** [August 27, 2021, 12:32pm UTC](https://community.evolveauthoring.com/t/rogue-padding-on-links-button/1263/2 "2021-08-27T12:32:55Z")

</div>

Hello and Welcome Nath!

Have you checked in the theme setting for margin in Buttons in general?

 ![image](https://canada1.discourse-cdn.com/flex031/uploads/evolveauthoring/original/1X/bfc8798c3c83258789514b1edd8301a588c77bfc.png)

if not, do you have an article style applied to the article the button is in?

---

<div class="post-metadata">

**Author:** ![nath](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/nath/32/2608_2.png) [@nath](https://community.evolveauthoring.com/u/nath)\
**Post date:** [August 27, 2021, 1:09pm UTC](https://community.evolveauthoring.com/t/rogue-padding-on-links-button/1263/3 "2021-08-27T13:09:03Z")

</div>

Hi hmaffin,

Thanks for your reply, yes I thought that would be where to change it however I’ve set the margin to 0 on the left and the component has no padding either. Puzzled!

 ![Screenshot 2021-08-27 at 14.01.39](https://canada1.discourse-cdn.com/flex031/uploads/evolveauthoring/original/1X/73884f51430bbee1c4030569d6ed461e0dbbfd21.png)

---

<div class="post-metadata">

**Author:** ![hbailey](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/hbailey/32/603_2.png) [@hbailey](https://community.evolveauthoring.com/u/hbailey)\
**Post date:** [August 27, 2021, 1:25pm UTC](https://community.evolveauthoring.com/t/rogue-padding-on-links-button/1263/4 "2021-08-27T13:25:44Z")

</div>

Hey nath!

Do you want to send me by private message the link to your course in the editor and I can take a look?

It is sometimes hard to diagnose without seeing it in context 🙂

---

<div class="post-metadata">

**Author:** ![nath](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/nath/32/2608_2.png) [@nath](https://community.evolveauthoring.com/u/nath)\
**Post date:** [August 27, 2021, 1:57pm UTC](https://community.evolveauthoring.com/t/rogue-padding-on-links-button/1263/5 "2021-08-27T13:57:57Z")

</div>

Hi Helen,

Yes that would be great, though i’m not sure how i go about that? I’ve clicked on your avatar, but cant see the mail icon?

---

<div class="post-metadata">

**Author:** ![hbailey](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/hbailey/32/603_2.png) [@hbailey](https://community.evolveauthoring.com/u/hbailey)\
**Post date:** [August 27, 2021, 2:02pm UTC](https://community.evolveauthoring.com/t/rogue-padding-on-links-button/1263/6 "2021-08-27T14:02:40Z")

</div>

Weird - I see a message button when I click on yours.

Not to worry - email me on [hbailey@intellum.com](mailto:hbailey@intellum.com)

---

<div class="post-metadata">

**Author:** ![nath](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/nath/32/2608_2.png) [@nath](https://community.evolveauthoring.com/u/nath)\
**Post date:** [August 27, 2021, 2:17pm UTC](https://community.evolveauthoring.com/t/rogue-padding-on-links-button/1263/7 "2021-08-27T14:17:46Z")

</div>

Thanks I’ve emailed you 😃

---

<div class="post-metadata">

**Author:** ![nath](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/nath/32/2608_2.png) [@nath](https://community.evolveauthoring.com/u/nath)\
**Post date:** [August 27, 2021, 2:55pm UTC](https://community.evolveauthoring.com/t/rogue-padding-on-links-button/1263/8 "2021-08-27T14:55:07Z")

</div>

Incase anyone else is looking for a solution Hmaffin mentioned a this is a standard setting when Evolve puts items in a grid layout.

A work around is to go to the Button settings, to Layout and then set the left margin to -10, which for me has fixed this 🙂

Thanks!

---

<div class="post-metadata">

**Author:** ![hbailey](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/hbailey/32/603_2.png) [@hbailey](https://community.evolveauthoring.com/u/hbailey)\
**Post date:** [August 27, 2021, 4:01pm UTC](https://community.evolveauthoring.com/t/rogue-padding-on-links-button/1263/9 "2021-08-27T16:01:23Z")

</div>

Just to add that this may be a reaction to when you use a component that has a grid based layout, and we’re going to take a look into whether this can be solved within the tool itself so a fix isn’t necessary.

Thanks nath!
