Curve layout on MacOS in Safari?

Question

safari

Guys, help who can.
There is a site nutstore.ru. On a poppy in a safari, the hat moved out, it should be in one line. Everything is ok in other browsers. Used bootstrap 4 on flex. I do not have a poppy, and I can not check, so I ask for help. If it's not difficult to inspect the element, can you find what the problem is there?

Answer 1

In Safari, for .row:before, .row:after the width is calculated as width: 1px; and in other browsers width: 0px These 2px break the layout.

Answer 2

Another drug addict bug Safari. In version 14, apparently, the same is fixed.
As an option, you can add the .flex-lg-nowrap term so that it basically does not wrap on permissions, where everything should be on one line.