Long description text box for Badges extends beyond boundary

awesomerobot · March 5, 2026, 4:53pm

Thanks for the details everyone, some adjustments to fix these issues coming here:

github.com/discourse/discourse

UX: prevent badge description text overflow, adjust favorite button (#38284)

main ← ux-badge-descriptions

merged 04:59PM - 05 Mar 26 UTC

awesomerobot

+27 -8

Reported here: https://meta.discourse.org/t/long-description-text-box-for-badges…-extends-beyond-boundary/396167 This prevents the overflow, adds a class to the parent container when the favorite button is available, and makes the favorite button a little smaller to give it more space from descriptions (which could technically overlap in some specific cases). Before: <img width="400" alt="image" src="https://github.com/user-attachments/assets/33166922-12af-4595-aec6-7824a9e77ce5" /> After: <img width="400" alt="image" src="https://github.com/user-attachments/assets/02ee0a94-1cee-4539-8837-0329ed9a213a" /> Before: <img width="400" alt="image" src="https://github.com/user-attachments/assets/e88ea366-e504-49d1-ba14-08904e52ce6c" /> After: <img width="400" alt="image" src="https://github.com/user-attachments/assets/04dba4f2-ae03-49a0-af95-7bd786b39e93" />

Topic		Replies	Views
Badges overflow from user card view UX	4	580	January 21, 2020
Replacement of 'description' at admin> badges Bug badges , fixed	2	97	September 15, 2024
The badge boxes are going crazy! UX	5	709	January 25, 2019
Make the badge boxes for user card larger [mobile] Support	3	587	January 13, 2019
Descriptions for custom badges not showing up on specific badge pages Bug	3	1741	March 28, 2016

Long description text box for Badges extends beyond boundary

Related topics