# Badges overflow from user card view

**URL:** https://meta.discourse.org/t/badges-overflow-from-user-card-view/139119
**Category:** UX
**Created:** [January 19, 2020, 8:45pm UTC](https://meta.discourse.org/t/badges-overflow-from-user-card-view/139119 "2020-01-19T20:45:41Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![Richie](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/richie/32/115110_2.png) [@Richie](https://meta.discourse.org/u/Richie)
#### Post date: [January 19, 2020, 8:45pm UTC](https://meta.discourse.org/t/badges-overflow-from-user-card-view/139119/1 "2020-01-19T20:45:41Z")

</div>

Hi everyone,

I have an issue with the alignment of a users badges.

Just one user that I’ve seen so far.

The `+26 More` overflows from their user card:

 ![Screen Shot 2020-01-19 at 20.41.59](https://global.discourse-cdn.com/meta/original/3X/3/5/35e9a7269e5933d60f45a2d33ab106f80cbf9742.png)

 ![Screen Shot 2020-01-19 at 20.43.48](https://global.discourse-cdn.com/meta/original/3X/8/1/81bf27c1e8eeb8f85c9952f439104541eccd6207.png)

This occurs no matter where you view this users card (i.e. from a Topic view, from a Category view, etc).

Any thoughts?

---

<div class="post-metadata">

### Author: ![Remah](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/remah/32/70590_2.png) [@Remah](https://meta.discourse.org/u/Remah)
#### Post date: [January 19, 2020, 9:32pm UTC](https://meta.discourse.org/t/badges-overflow-from-user-card-view/139119/2 "2020-01-19T21:32:01Z")

</div>

No thought on the overflow except is does look like a bug.

I’m wondering why are your using the word “Award” in badges? It is redundant and it looks like a shorter badge name would reduce the probability of the overflow.

---

<div class="post-metadata">

### Author: ![Richie](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/richie/32/115110_2.png) [@Richie](https://meta.discourse.org/u/Richie)
#### Post date: [January 19, 2020, 10:00pm UTC](https://meta.discourse.org/t/badges-overflow-from-user-card-view/139119/3 "2020-01-19T22:00:02Z")

</div>

> [@Remah](#):
>
> it looks like a shorter badge name would reduce the probability of the overflow.

Possible. I’ll test this.

However, we do have some much longer badge names in place elsewhere and I don’t recall this being an issue before.

eg. " 2019 Mixed Theme Challenge Winner - Bronze"

Is there a preferred character limit to keep things working nicely?

---

<div class="post-metadata">

### Author: ![Richie](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/richie/32/115110_2.png) [@Richie](https://meta.discourse.org/u/Richie)
#### Post date: [January 19, 2020, 10:03pm UTC](https://meta.discourse.org/t/badges-overflow-from-user-card-view/139119/4 "2020-01-19T22:03:20Z")

</div>

> [@Remah](#):
>
> it looks like a shorter badge name would reduce the probability of the overflow.

Confirmed - I just quickly renamed those two badges to test against this user:

 ![Screen Shot 2020-01-19 at 22.01.42](https://global.discourse-cdn.com/meta/original/3X/9/1/91fe2ae55ab2267c429f717efa1be6467b2b6c08.png)

No overflow.

Which leads me back to:

> [@Richie](#):
>
> Is there a preferred character limit to keep things working nicely?

---

<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: [January 21, 2020, 5:47am UTC](https://meta.discourse.org/t/badges-overflow-from-user-card-view/139119/5 "2020-01-21T05:47:47Z")

</div>

This appears to be a subtle UX issue we want to fix, I recommend you do some experimenting adding a letter at a time to a badge name to see where this thing collapses.