# Chat number indicator is illegible when there is more than 100 notifications

**URL:** https://meta.discourse.org/t/chat-number-indicator-is-illegible-when-there-is-more-than-100-notifications/266776
**Category:** UX
**Tags:** chat, completed
**Created:** [May 31, 2023, 3:19pm UTC](https://meta.discourse.org/t/chat-number-indicator-is-illegible-when-there-is-more-than-100-notifications/266776 "2023-05-31T15:19:31Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![AhmedLoud](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ahmedloud/32/576547_2.png) [@AhmedLoud](https://meta.discourse.org/u/AhmedLoud)
#### Post date: [May 31, 2023, 3:19pm UTC](https://meta.discourse.org/t/chat-number-indicator-is-illegible-when-there-is-more-than-100-notifications/266776/1 "2023-05-31T15:19:31Z")

</div>

I noticed that the chat number indicator looks broken when there is more than 100.

 ![image](https://global.discourse-cdn.com/meta/original/4X/8/d/9/8d918252d3ae9920e53d59ac1200f24bc1aff364.png)

One solution could be to display 99+ when there is more that 100.

I will be happy to create a pull request if no one is working on it. The chat plugin is inside the discourse base code right ?

---

<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: [May 31, 2023, 3:26pm UTC](https://meta.discourse.org/t/chat-number-indicator-is-illegible-when-there-is-more-than-100-notifications/266776/2 "2023-05-31T15:26:58Z")

</div>

> [@AhmedLoud](#):
>
> One solution could be to display 99+ when there is more that 100.

I think @chapoi has had some thoughts about this before… should it follow the style we use elsewhere where the container can grow to fit the content (and becomes more pill-shaped in the process?)

![Screenshot 2023-05-31 at 11.24.48 AM](https://global.discourse-cdn.com/meta/original/4X/1/0/f/10f10f42ee297ba4f230e8550390f14abca9ed45.png)

> [@AhmedLoud](#):
>
> The chat plugin is inside the discourse base code right ?

correct!

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [June 1, 2023, 4:41am UTC](https://meta.discourse.org/t/chat-number-indicator-is-illegible-when-there-is-more-than-100-notifications/266776/3 "2023-06-01T04:41:17Z")

</div>

> [@awesomerobot](#):
>
> I think @chapoi has had some thoughts about this before… should it follow the style we use elsewhere where the container can grow to fit the content (and becomes more pill-shaped in the process?)

Yes, I think a combination would be best because even 99+ doesn’t fit.

So set something as the maximum and use the same styling as on the chat-index page on mobile so it adapts.

Perhaps it should be 999+ as maximum?

Coincidentally, I am just reworking the unread indicator! So this should be fixed soonish.

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [July 10, 2023, 10:32am UTC](https://meta.discourse.org/t/chat-number-indicator-is-illegible-when-there-is-more-than-100-notifications/266776/5 "2023-07-10T10:32:55Z")

</div>

This has been fixed in  
[https://github.com/discourse/discourse/pull/21946](https://github.com/discourse/discourse/pull/21946)

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [July 15, 2023, 1:00am UTC](https://meta.discourse.org/t/chat-number-indicator-is-illegible-when-there-is-more-than-100-notifications/266776/6 "2023-07-15T01:00:53Z")

</div>

This topic was automatically closed after 4 days. New replies are no longer allowed.