Vertical alignment in CSS is weird. If the width of certain elements is maxed out in relation to their parent element they can be easily vertically aligned by using:

items-center // Tailwind
align-items: center // CSS

If that ISN'T the case however it gets kinda weird.

Either you can just manually do it using vertical padding or margin, which is icky but can work or you try to somehow correctly use

vertical-align: top // or
vertical-align: text-top