# Welcome Link Banner has extra margin

**URL:** <https://meta.discourse.org/t/welcome-link-banner-has-extra-margin/270604>\
**Category:** UX\
**Tags:** completed, welcome-link-banner\
**Created:** [October 24, 2022, 6:42pm UTC](https://meta.discourse.org/t/welcome-link-banner-has-extra-margin/270604 "2022-10-24T18:42:54Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![MarcP](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/marcp/32/160184_2.png) [@MarcP](https://meta.discourse.org/u/MarcP)\
**Post date:** [October 24, 2022, 6:42pm UTC](https://meta.discourse.org/t/welcome-link-banner-has-extra-margin/270604/1 "2022-10-24T18:42:54Z")

</div>

There is a small margin bug:

 ![image](https://global.discourse-cdn.com/meta/original/4X/5/0/2/50274082bcb118c62e0ad3f96449315256ead6d2.png)

I can not see this issue on meta, but on my instance, this is caused by this CSS code:

![image](https://global.discourse-cdn.com/meta/original/4X/f/b/2/fb2accec3a3dbe8e62059296cb90468b805e1d75.png)

The code is there to add some margin between top buttons and the welcome banner, but it’s also enforcing the margin on places where it should not be, the margin also stays enabled even if the welcome banner is hidden, for example, because of staff or trust level.

EDIT: sloppy fix?  
Remove the margin from this class:

```plaintext
.above-main-container-outlet.welcome-link-banner-connectors {
    margin-bottom: 0em !important;
}

```

And add the same margin on this class:

```plaintext
.above-main-container-outlet.welcome-link-banner-connectors .welcome-link-banner, .below-site-header-outlet.welcome-link-banner-connector .welcome-link-banner {
    margin-bottom: 1em;
}

```

This seems to have solved the issue for me. Haven’t seen things breaking so far and the banner still looks good.

---

_[View the full topic](https://meta.discourse.org/t/welcome-link-banner-has-extra-margin/270604)._