# Air Theme

**URL:** <https://meta.discourse.org/t/air-theme/197703>\
**Category:** Theme\
**Tags:** air-theme\
**Created:** [July 20, 2021, 8:24pm UTC](https://meta.discourse.org/t/air-theme/197703 "2021-07-20T20:24:30Z")\
**Posts on this page:** 1\
**Showing post:** 436

<div class="post-metadata">

**Author:** ![simon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/simon/32/339122_2.png) [@simon](https://meta.discourse.org/u/simon)\
**Post date:** [September 15, 2023, 8:33pm UTC](https://meta.discourse.org/t/air-theme/197703/436 "2023-09-15T20:33:09Z")

</div>

> [@Steve\_Emerson](#):
>
> Would be nice if it was fixed eventually though.

The problem seems to be here:

> <https://github.com/discourse/discourse-air/blob/main/mobile/mobile.scss#L14>

I thought it might be possible to fix the issue by just adding some CSS to a theme component, but it’s turning out to be a tricky problem because the main docs page doesn’t add a CSS class to the `body` tag. That means that it’s not enough to just use this. It fixes the issue on individual docs topics, but not on the docs topic list:

```css
html body.archetype-docs-topic #main-outlet {
  border-radius: 0px !important;
  width: calc(100% - 3em) !important;
  background-color: var(--secondary) !important;
  margin-bottom: 0px !important;
}

```

I suspect the fix will require small changes be made to both the docs plugin and the air theme. I’ll follow up on this with the team. It should get fixed fairly soon.

---

_[View the full topic](https://meta.discourse.org/t/air-theme/197703)._