Badges in profile are displayed differently than they should be

Description: When entering any profile that contains badges, you may notice that the badge icons are not displaying correctly.

Additionally, the “See All” text is placed differently than in Friends, for example.

Reproduce

  • In the browser, go to any profile (preferably one with at least 6 badges)
  • Look clearly at the badges (background) and compare the “See All” buttons (most visible when selecting a different language)


This bug only affects the browser website, it does not occur in the Roblox Application.

Expected behavior
The Badge section should display the same as in the Roblox Application and should look like

Browser
Google Chrome 132 / Windows 11

A private message is associated with this bug report

What’s the bug here…? Have spent 5 minutes trying to understand what you’re reporting. :smiley:

1 Like

To provide a bit more context, I did a little spot-the-difference between the two images and found 3 differences:

  1. In the first image, there is a slightly different coloured square box visible where the rounded corners end on each badge’s background box. Most likely, there is an underlying element there that isn’t respecting the corner radius.

  2. ‘See All’ has a bit more padding in the second image.

  3. The badge icons are a bit smaller and are more centred in the second image.


I have no clue if this is really an issue or perhaps just a design-choice since there isn’t really an apparent issue with either of the images from my POV, at least.

1 Like