Steps to replicate the issue (include links if applicable):

• Turn on Wikipedia Preferences : Recent Changes : Group changes by page in recent changes and watchlist
• E.g. in Recent changes look for grouped changes starting with temporary user link (dashanumeric one starting with tilde, having grey rounded inline box visual) being the first one

What happens?:

• The first temporary user link left side overlaps the opening square bracket so that it looks like a pipe symbol (vertical line), being too close.

What should have happened instead?:

• It should have consistent look. Visual elements should not overlap.

Other information (browser name/version, screenshots, etc.):

Verified in Mozilla Firefox and Chrome (Chromium) in the same given system.
(It may or may not be reproducible based on operating system font settings, and browser used.)