# Category names don't wrap like tags , causing overflow on mobile

**URL:** https://meta.discourse.org/t/category-names-dont-wrap-like-tags-causing-overflow-on-mobile/350150
**Category:** UX
**Created:** [February 2, 2025, 6:11pm UTC](https://meta.discourse.org/t/category-names-dont-wrap-like-tags-causing-overflow-on-mobile/350150 "2025-02-02T18:11:40Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![thaidb](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thaidb/32/68488_2.png) [@thaidb](https://meta.discourse.org/u/thaidb)
#### Post date: [February 2, 2025, 6:11pm UTC](https://meta.discourse.org/t/category-names-dont-wrap-like-tags-causing-overflow-on-mobile/350150/1 "2025-02-02T18:11:40Z")

</div>

Hi everyone, I’ve noticed that tag names in the filter dropdown can wrap to the next line if they’re too long, which is great for mobile responsiveness. However, category names don’t seem to have the same behavior. When a category name is too long, it overflows the filter container, breaking the layout on mobile devices.  
Here are two screenshots to illustrate the issue:

 ![The image shows a screenshot of a webpage from NHASG.COM.VN featuring a news update about Sky Eagle reporting a dispute involving Daun and Bat Dong Son commemorative coins, with contact information and a section for subjects including Bán nhà biệt thứ - Khu Compound. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/2/5/5/255048cdb1aef56b2cdd9042b7e68584786337ec.jpeg)  
 ![The image is a screenshot of an online real estate advertisement in Vietnamese, mentioning a property listing of "Phuong Thao Dienne Quan 2". (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/4/a/a/4aaa660d5cc31cd138d600921f12fa256f0d3385.jpeg)

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [February 2, 2025, 6:32pm UTC](https://meta.discourse.org/t/category-names-dont-wrap-like-tags-causing-overflow-on-mobile/350150/2 "2025-02-02T18:32:11Z")

</div>

> [@thaidb](#):
>
> When a category name is too long, it overflows the filter container, breaking the layout on mobile devices.

Long category names also overflow on the topic list. Because it’s very minor and slightly related, I’ll leave this here instead of creating a new topic (feel free to move it if necessary):

 ![The image displays a forum page on a mobile device showing a list of event posts, with the highlighted event being "Calendrier CDC35 2024/25". (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/3/1/1/311ea87f30a9da13694febb1c40fe6104c83864a.jpeg)

Category names should ideally be short and it was the first time I saw this behavior.

---

<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 13, 2025, 9:27pm UTC](https://meta.discourse.org/t/category-names-dont-wrap-like-tags-causing-overflow-on-mobile/350150/3 "2025-02-13T21:27:17Z")

</div>

I’ve added some adjustments to avoid this

[https://github.com/discourse/discourse/pull/31335](https://github.com/discourse/discourse/pull/31335)

let us know if you encounter any more problems with long category names!

---

<div class="post-metadata">

### Author: ![unknown\_error](https://avatars.discourse-cdn.com/v4/letter/u/df705f/32.png) [@unknown\_error](https://meta.discourse.org/u/unknown_error)
#### Post date: [September 7, 2025, 5:48pm UTC](https://meta.discourse.org/t/category-names-dont-wrap-like-tags-causing-overflow-on-mobile/350150/4 "2025-09-07T17:48:54Z")

</div>

@awesomerobot,

This also seems to be an issue with category names in the “Suggested” posts at the bottom of a thread.

There seems to be two separate but related problems:

1. If the viewport size is decreased after the initial pageload, the table doesn’t shrink down correctly:

 ![How do you think Inner dialogue Images No images Can you hear anything - Miscellaneous and Personal Stuff I Must Share - Straight Dope Message Board - September 07 @ 10-35-21 AM](https://global.discourse-cdn.com/meta/original/4X/2/d/4/2d499d9bf98e4bf5fbcfbbc189aa00763b31f120.jpeg)

This causes `table.topic-list` to overflow the width of `#main-outlet-wrapper`

* * *

1. Separately, `h3.more-topics __browse-more a.badge-category__ wrapper` doesn’t ellipsify (regardless of whether the page was mobile-sized at pageload or shrunken down), which _also_ causes the page to be too wide. It can be forced to with a `max-width: 80vw` or thereabouts, but that might have unintended consequences on wider monitors.

 ![Overnight Google Gemini becomes a know-it-all a-hole - Miscellaneous and Personal Stuff I Must Share - Straight Dope Message Board - September 07 @ 10-45-49 AM](https://global.discourse-cdn.com/meta/original/4X/a/b/e/abec1a6be203695470bdfda019fb9afde9e50d88.jpeg)

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [October 17, 2025, 1:13pm UTC](https://meta.discourse.org/t/category-names-dont-wrap-like-tags-causing-overflow-on-mobile/350150/5 "2025-10-17T13:13:34Z")

</div>

I have the impression that there is still a problem with long category names in topic lists.  
This is what I see on [https://forums.cfl.ca/filter?q=category%3Acanadian-grassroots-football%20](https://forums.cfl.ca/filter?q=category%3Acanadian-grassroots-football%20). The category name is truncated, but the date is still too far on the right.

 ![_20251017_150345](https://global.discourse-cdn.com/meta/original/4X/2/d/3/2d32dd0c8b9c9d4c5139ae5ae5512949806d52b0.jpeg)

And it’s also a problem to mention categories with long names in chat

 ![Screenshot_20251017_151246_Firefox](https://global.discourse-cdn.com/meta/original/4X/3/9/1/391e62fee7db77bfcf554e6c29652933652febfd.jpeg)
