Строки CSS не отображаются в Safari, отлично работают в Chrome

https://jsfiddle.net/suunyz3e/190/ - Если вы посмотрите на эту скрипту в Safari и измените размер окна довольно мало, вы обнаружите, что строки перекрывают друг друга... когда я хочу для "TEST" TEST TEST ", чтобы появиться над" GO GO GO "(это то, что он отлично делает в Chrome).

Эта проблема сводит меня с ума, если кто-нибудь знает, как я могу это исправить, я бы очень признателен. Я использую Angular Material в качестве рамки. Благодарю.

<div ng-app="sandbox">
  <div layout="row" layout-xs="column">
    <div flex-gt-xs="30" flex-xs="100">
      TEST TEST TEST
    </div>       
    <div flex-gt-xs="70" flex-xs="100">
      GO GO GO
    </div>
  </div>
</div>