# Modernizing the Foundation theme

**URL:** https://meta.discourse.org/t/modernizing-the-foundation-theme/395331
**Category:** Announcements
**Created:** [February 6, 2026, 5:52pm UTC](https://meta.discourse.org/t/modernizing-the-foundation-theme/395331 "2026-02-06T17:52:14Z")
**Posts on this page:** 1
**Showing post:** 82

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [May 3, 2026, 3:12am UTC](https://meta.discourse.org/t/modernizing-the-foundation-theme/395331/82 "2026-05-03T03:12:47Z")

</div>

OK this looks like a UX bug with the new foundation theme and the injected AI related topic button. the button classes are a bit different:

![image](https://global.discourse-cdn.com/meta/original/4X/3/7/3/373e36ef1c63c2c438a0613ffe6b99f76ab6de83.png)

 ![Screenshot from 2026-05-02 18-53-50](https://global.discourse-cdn.com/meta/original/4X/6/e/4/6e4c5a422d4f85e0f8ed598521191d86d60f1993.png)

but this will fix it a bit - can patch it with some padding and line-height adjustment:

```scss
.more-topics__container .nav li .btn {
  padding: .5em;
  line-height: 0;
}

```

desktop:

![Screenshot from 2026-05-02 20-18-28](https://global.discourse-cdn.com/meta/original/4X/9/f/b/9fb05b3816579ee0902296bfac4ce2b2a9ea18c2.png)

![Screenshot from 2026-05-02 20-18-34](https://global.discourse-cdn.com/meta/original/4X/6/0/a/60aee5ed8eacb56345e06f791f56b82b57a98a4c.png)

mobile:

![Screenshot from 2026-05-02 20-22-43](https://global.discourse-cdn.com/meta/original/4X/f/a/c/fac54911e535ed825b70c5bdcce212c823614735.png)

![Screenshot from 2026-05-02 20-22-47](https://global.discourse-cdn.com/meta/original/4X/1/f/1/1f17d863cc6ec8793f65a2f9bcd591305c1e7ea7.png)

---

_[View the full topic](https://meta.discourse.org/t/modernizing-the-foundation-theme/395331)._