Streaming live at 10am (PST)

Make Icon align with Text

I would like the “go to external website” icon on my page to always align with the top right corner of the text - as it does in this picture:

Screenshot 2020-09-23 at 15.06.29

I’ve set this up by setting the icon to position: absolute and align at the top right corner of a wrapper that contains both the text and the icon.

This works perfectly on desktop with names that are only one row wide.

However, once the text is two rows long, it doesn’t work anymore:

And on mobile it’s a complete mess:

Would appreciate your help! This is on my “home” page and the “work” page.