# Suggested topics category formatting

**URL:** https://meta.discourse.org/t/suggested-topics-category-formatting/81799
**Category:** Bug
**Tags:** suggested-topics
**Created:** [February 28, 2018, 5:05pm UTC](https://meta.discourse.org/t/suggested-topics-category-formatting/81799 "2018-02-28T17:05:50Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![Alexander\_Wright](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/alexander_wright/32/119518_2.png) [@Alexander\_Wright](https://meta.discourse.org/u/Alexander_Wright)
#### Post date: [February 28, 2018, 5:05pm UTC](https://meta.discourse.org/t/suggested-topics-category-formatting/81799/1 "2018-02-28T17:05:50Z")

</div>

Hi, I have some longer category names, and would like them to wrap in the “Suggested Topics” box at the bottom of each topic. This is what I have at the moment:

 ![suggestedTopics](https://global.discourse-cdn.com/meta/original/3X/6/0/60f85cb2cce70106359c7bb731e066aecc6c9f25.png)

Is there some CSS I can add? I tried [this css table word wrap](https://stackoverflow.com/questions/1258416/word-wrap-in-an-html-table), but could not get it to work.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [February 28, 2018, 5:22pm UTC](https://meta.discourse.org/t/suggested-topics-category-formatting/81799/2 "2018-02-28T17:22:12Z")

</div>

This was very recently fixed earlier in the week.

> [@Overflow in suggested topics when category name is too long](https://meta.discourse.org/t/overflow-in-suggested-topics-when-category-name-is-too-long/81500):
>
> @awesomerobot Could you have a look at this? slight_smile

If you’re on the tests-passed branch you can update to fix it, or if you’re on beta/stable you should be able to add this css:

```scss
#suggested-topics {
    .badge-wrapper {
         display: inline-flex;
         align-items: baseline;
    }
}

```

---

<div class="post-metadata">

### Author: ![Alexander\_Wright](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/alexander_wright/32/119518_2.png) [@Alexander\_Wright](https://meta.discourse.org/u/Alexander_Wright)
#### Post date: [February 28, 2018, 5:31pm UTC](https://meta.discourse.org/t/suggested-topics-category-formatting/81799/3 "2018-02-28T17:31:56Z")

</div>

Perfect, thanks! I’d mark it as solved, but apparently that’s not enabled here 😉

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [February 28, 2018, 10:30pm UTC](https://meta.discourse.org/t/suggested-topics-category-formatting/81799/4 "2018-02-28T22:30:43Z")

</div>