# Missing margin in the .banner- box for Versatile Banner TC

**URL:** https://meta.discourse.org/t/missing-margin-in-the-banner-box-for-versatile-banner-tc/380650
**Category:** UX
**Tags:** versatile-banner
**Created:** [August 28, 2025, 12:36am UTC](https://meta.discourse.org/t/missing-margin-in-the-banner-box-for-versatile-banner-tc/380650 "2025-08-28T00:36:38Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![nathank](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nathank/32/290039_2.png) [@nathank](https://meta.discourse.org/u/nathank)
#### Post date: [August 28, 2025, 12:36am UTC](https://meta.discourse.org/t/missing-margin-in-the-banner-box-for-versatile-banner-tc/380650/1 "2025-08-28T00:36:38Z")

</div>

In the CSS for the [Versatile Banner](https://meta.discourse.org/t/versatile-banner/109133), there are conflicting margins for .banner-box

```css
.banner-box {
  margin: 0 auto;
  margin-top: 20px;
}

```

Unfortunately, this seems to give a double top margin (due to the main-outlet padding) and no margin between the banner and the navigation pills. May I suggest this instead?

```css
.banner-box {
  margin: 0 auto 20px;
}

```