Link's external icon breaks to the new like on some screens

[viktor-yakubiv]

There is a problem that I see can only be solved with web-fonts at the moment (without JS processing). I wish I am wrong and there is an option with the background + mask bit obviously inline-block behaves like an image too.

The icon should break with the last work within the link alway. white-space does not help us because it will make the whole link unbreakable.

Originally posted in #209 (comment)

[viktor-yakubiv]

I explored display: inline-flex solution as the component was originally written so, it prevents text to break what does not fit us since we have a sentence as a hyperlink sometimes. Of course, it can be fixed by flex-wrap: wrap but the problem with this issue will remain then.