In many cases, you have to align uneven in size elements.
Even if you set the spacing between the elements to be the same, the visual result seems off.
The best way to fix this visual issue is by setting the same width for all the elements.
Hint: Pick the width of the biggest element and apply it to all the other items.
Fallback for Transparent Avatars 1
Many platforms (like Twitter) allow PNG avatars that can cause UI inconsistencies
Fallback for Transparent Avatars 2
Round images usually look weird when they're included in a card with a small border-radius.
Consistent Border-Radius
Round images usually look weird when they're included in a card with a small border-radius.