There is something off about this design - it's the vertical text alignment
This new CSS feature just made aligning text 100x easier
I used text-box: trim-both cap alphabetic; to align the text to the top and bottom of the container.
text-box: trim-both cap alphabetic;
Css Truncate Text From Middle
Benq Developer Displays
How to Make a DOM Library Render Anything w/ Paolo Ricciuti