title: On First load FireFox makes mess of css
body: <p>I faced really strange problem. FiroFox in production are messing with css, in Edge, Chrome and Safari everything works just fine except in Firefox. On first load after clearing cashe all css seems deactivated and html elements stands in random places. Examples below to show the results</p>
  <p>How it looks on firs load in FireFox :
  <a href="https://i.stack.imgur.com/dIXBO.png" rel="nofollow noreferrer">enter image description here</a></p>
  <p>How it should look like
  <a href="https://i.stack.imgur.com/nk0qC.png" rel="nofollow noreferrer">enter image description here</a></p>
  <p>React JSX, that's how the html structure looks like. <a href="https://i.stack.imgur.com/Hq8TX.png" rel="nofollow noreferrer">enter image description here</a></p>
  <p>Just remember in other browsers it works like a charm.</p>
  <p>PS. It only happens in live production, working on localhost in Firefox it works just fine.</p>