Angular material tabs: wrong positioning in safari
<p>I am using angular material tabs. I have 3 tabs and a headline above them. It works fine in firefox and chrome but not i safari, where the headline gets positioned on top of the tabs instead of above them. Does someone know why this happens and how I could solve it? </p>

<p>Firefox and chrome:
<a href="https://i.stack.imgur.com/a7HJO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/a7HJO.png" alt="Firefox and Chrome"></a>
Safari:
<a href="https://i.stack.imgur.com/NprLu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NprLu.png" alt="Safari"></a></p>

<p>Thanks!</p>