# Use fixed-width numbers in mobile view topic progress

**URL:** https://meta.discourse.org/t/use-fixed-width-numbers-in-mobile-view-topic-progress/380866
**Category:** UX
**Tags:** topic-timeline, fixed
**Created:** [August 29, 2025, 7:37am UTC](https://meta.discourse.org/t/use-fixed-width-numbers-in-mobile-view-topic-progress/380866 "2025-08-29T07:37:51Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![Lhc\_fl](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lhc_fl/32/268115_2.png) [@Lhc\_fl](https://meta.discourse.org/u/Lhc_fl)
#### Post date: [August 29, 2025, 7:37am UTC](https://meta.discourse.org/t/use-fixed-width-numbers-in-mobile-view-topic-progress/380866/1 "2025-08-29T07:37:51Z")

</div>

It’s just a tiny bit, but the uneven width of the numbers will cause the admin menu button on the left to bounce around when you scroll down (although it’s only a few pixels, but sometimes it catches my attention unexpectedly).

Perhaps using a monospaced font would improve the experience. 🙂

---

<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: [August 29, 2025, 1:34pm UTC](https://meta.discourse.org/t/use-fixed-width-numbers-in-mobile-view-topic-progress/380866/2 "2025-08-29T13:34:25Z")

</div>

Good suggestion! I don’t think we’d necessarily need to change the font… we could alternatively make sure the container for the numbers is always wider than the content so there’s some “buffer” space for them to expand without shifting the layout.

---

<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: [September 19, 2025, 7:32pm UTC](https://meta.discourse.org/t/use-fixed-width-numbers-in-mobile-view-topic-progress/380866/3 "2025-09-19T19:32:23Z")

</div>

I just played around a bit with padding and `ch` units but nothing is really perfect. I think the monospace font idea is the better bet, but our current jetbrains one does look a bit off to me:

 ![CleanShot 2025-09-19 at 13.28.08@2x](https://global.discourse-cdn.com/meta/original/4X/7/d/2/7d2e072eb77e14d2ca8845dc6133028c00133090.png)

We could use `ch` units, but then for example 4ch will work up until 9/XX, 5ch will work till 99/XX and 6ch would cover almost everything (up to XX/100) but then it might get quite spacious for no reason most of the time?

Anyway maybe for now, I’ll implement the 6ch min-width, which should improve most topics.

Edit: [UX: improve progress styling on mobile by chapoi · Pull Request #34886 · discourse/discourse · GitHub](https://github.com/discourse/discourse/pull/34886)

---

<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: [September 29, 2025, 2:00pm UTC](https://meta.discourse.org/t/use-fixed-width-numbers-in-mobile-view-topic-progress/380866/4 "2025-09-29T14:00:54Z")

</div>

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