User profile: Badges in personal project list are misaligned

Summary

Badges in our new personal project list on the user profile page are misaligned on long titles. See attached screenshot.

(Summarize the bug encountered concisely)

Steps to reproduce

• Set a long project name

What is the current bug behavior?

• Weird line break with small line-height

What is the expected correct behavior?

• I suggest we truncate long project titles