Nav menus pseudo "after" element chrome

Site / reference page: https://www.abington.k12.pa.us/policies/

In chrome, the arrow I’m adding via “.nav > li > a:after” for the dropdown menus get either smushed, line wrapped, or normal. In firefox and IE it’s fine. But in chrome it’s all over the place.

If I sit there and press control+F5 it will normally line wrap, but not always.

If I just press F5 it will usually “smush”, but not always.

And then sometimes is displays as it should.

I’ve been trying so many different options and can’t find a solution. Please help!