# Boxed categories selector minor issue

**URL:** https://meta.discourse.org/t/boxed-categories-selector-minor-issue/147016
**Category:** UX
**Created:** [April 6, 2020, 4:46pm UTC](https://meta.discourse.org/t/boxed-categories-selector-minor-issue/147016 "2020-04-06T16:46:37Z")
**Posts on this page:** 3
**Page:** 1

<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: [April 6, 2020, 4:46pm UTC](https://meta.discourse.org/t/boxed-categories-selector-minor-issue/147016/1 "2020-04-06T16:46:37Z")

</div>

When **category style** is set to **box** , the number of topics sometimes goes to a new line:

 ![image](https://global.discourse-cdn.com/meta/original/3X/4/2/42921e721f2d1c625850845f15cfbc94c391962a.png)

I believe it was caused by this fix (which was about [another issue](https://meta.discourse.org/t/box-style-category-background-color-overlapping-the-number-of-topics-in-the-category-selector/142521) also happening in boxed categories):  
[https://github.com/discourse/discourse/pull/9034](https://github.com/discourse/discourse/pull/9034)

It can be fixed by removing `flex-wrap: wrap` from `.category-status`.

I tried the other category styles with this modification and I didn’t see any issue, but since I don’t have a deep knowledge of Discourse styles, I don’t know if there would be any “hidden” collateral damage from removing this attribute.  
I guess there’s a reason (maybe an obsolete one?) for which `flex-wrap` has been set to `wrap` here? 🤷🏿‍♂️

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [April 7, 2020, 10:51pm UTC](https://meta.discourse.org/t/boxed-categories-selector-minor-issue/147016/2 "2020-04-07T22:51:06Z")

</div>

Good point, anything we need to do here @awesomerobot?

---

<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: [April 13, 2020, 9:25pm UTC](https://meta.discourse.org/t/boxed-categories-selector-minor-issue/147016/4 "2020-04-13T21:25:00Z")

</div>

This will prevent the count from wrapping, and also prevents the category name from causing the count to overflow on mobile

[https://github.com/discourse/discourse/commit/10c2087a02865d455cebe3d6ac82ccad389541e7](https://github.com/discourse/discourse/commit/10c2087a02865d455cebe3d6ac82ccad389541e7)
