Angular Flex Layout - fxLayoutGap.lt-lg = "0px grid" - не работает в Safari

Question

    <div class="container" fxLayout="row wrap" fxLayout.lt-sm="column"
            fxLayoutGap="48px grid" fxLayoutGap.lt-lg="0px grid">

     <div fxLayout="column" fxFlex fxFlex.lt-lg="100%">
       //Some columns
     </div>

     <div fxLayout="column" fxFlex fxFlex.lt-lg="100%">
      //Some columns
    </div>

    <div fxLayout="column" fxFlex fxFlex.lt-lg="100%">
     //Some columns
    </div>

</div>

Это структура гибкого макета моего кода. У меня есть 3 столбца, которые идут один за другим без пропуска в Chrome, когда размер экрана меньше, чем большой.

Но в Safari , он показывает разрыв 48px между этими столбцами.

Как мне это исправить?