Can not find a solution on the platform. Have a font awesome icon using the react library and when the page loads it will render the icon full screen then resize it to the correct size. I have sent the size property on the element size={'md'}.

Anyone else have experience with this?

CodePudding user response：

See this link here Server Size Rendering CSS

I've also seen others who have this issue and it had something to do with the way their stylesheets were loaded in relation to the font awesome stylesheet or script tag.