# The badge boxes are going crazy!
**URL:** https://meta.discourse.org/t/the-badge-boxes-are-going-crazy/107395
**Category:** UX
**Created:** [January 24, 2019, 10:52am UTC](https://meta.discourse.org/t/the-badge-boxes-are-going-crazy/107395 "2019-01-24T10:52:21Z")
**Posts on this page:** 6
**Page:** 1
### Author:  [@Chaboi\_3000](https://meta.discourse.org/u/Chaboi_3000)
#### Post date: [January 24, 2019, 10:52am UTC](https://meta.discourse.org/t/the-badge-boxes-are-going-crazy/107395/1 "2019-01-24T10:52:21Z")
Continuing the discussion from [Make the badge boxes for user card larger [mobile]](https://meta.discourse.org/t/make-the-badge-boxes-for-user-card-larger-mobile/106246):
Now the badge boxes have different sizes causing the lengths to vary as seen here:
Can someone fix this? Thanks.
---
### Author:  [@Johani](https://meta.discourse.org/u/Johani)
#### Post date: [January 24, 2019, 10:58am UTC](https://meta.discourse.org/t/the-badge-boxes-are-going-crazy/107395/3 "2019-01-24T10:58:24Z")
That update was for a theme component so it has no effect unless you have it installed. We have that component installed here on Meta and I cannot reproduce the issue.
I’m also not able to reproduce the issue you’re reporting on your site - which doesn’t have the component installed - can you please provide more details like what device / browser you’re seeing the issue on?
---
### Author:  [@Chaboi\_3000](https://meta.discourse.org/u/Chaboi_3000)
#### Post date: [January 24, 2019, 11:08am UTC](https://meta.discourse.org/t/the-badge-boxes-are-going-crazy/107395/4 "2019-01-24T11:08:55Z")
I’m currently using a MacBook Pro (13-inch, 2016, Four Thunderbolt 3 Ports), and using safari Version 12.0.3 (13606.4.5.3.1) and Chrome Version 71.0.3578.98 (Official Build) (64-bit). I see this in both browsers. Try going to [this post](https://discourse.codecombat.com/t/talk-about-video-game-and-movie-theories/15004/75) and checking the user card of the person called Emidoge.
---
### Author:  [@Johani](https://meta.discourse.org/u/Johani)
#### Post date: [January 24, 2019, 11:34am UTC](https://meta.discourse.org/t/the-badge-boxes-are-going-crazy/107395/5 "2019-01-24T11:34:11Z")
Thanks for that. I have a repro on Mac. I’ll push a fix soon.
---
### Author:  [@Johani](https://meta.discourse.org/u/Johani)
#### Post date: [January 24, 2019, 1:05pm UTC](https://meta.discourse.org/t/the-badge-boxes-are-going-crazy/107395/6 "2019-01-24T13:05:28Z")
It turns out that this was not a MacOS-only issue. I’m also able to reproduce it on non-MacOS devices.
I believe it was caused by the fact that we recently bumped up the base font-size on desktop; however, that was not the real problem. The badge-section in user-cards was limited to a width of 500px whereas the card itself has a width of 580px.
User-cards only show 3 badges and a “+N more” link if there are more than three. The issue reported only occurs if the names for the three badges displayed are long - the biggest culprit in core being the “New User of the Month” badge.
I’ve removed the width constraint on the badge-section and it should now be the full-width of user-cards which should prevent the problem from happening.
[https://github.com/discourse/discourse/commit/dda918f862d83a77ce7165620fb604f4ebe065c0](https://github.com/discourse/discourse/commit/dda918f862d83a77ce7165620fb604f4ebe065c0)
Thanks for reporting the issue @Chaboi_3000 👍
---
### Author:  [@Johani](https://meta.discourse.org/u/Johani)
#### Post date: [January 25, 2019, 10:00am UTC](https://meta.discourse.org/t/the-badge-boxes-are-going-crazy/107395/7 "2019-01-25T10:00:08Z")
This topic was automatically closed after 20 hours. New replies are no longer allowed.