GATSBY] FontAwesome loading icons in Netlify get large then goto normal size

I've looked in the Issues section about this, and it just seems even if I use server side icons or not, I still get this issue when I deploy my website to Netlify, everytime I load the page the icons get big then go smaller again. I've tried the code below in several areas of my gatsby project.

import "@fortawesome/fontawesome-svg-core/styles.css";
import { config } from "@fortawesome/fontawesome-svg-core";
config.autoAddCss = false;

Here's a link to my Netlify server https://mystifying-einstein-ff01f3.netlify.app/

At first I expected the icons to just load regularly with the static site publisher but the issue continues to persist.

I'm currently on Firefox (Version 98.0 64x), on Windows 10.

Any help would be greatly appreciated, I'm looking forward to using Font Awesome's icons to create websites to local business owners in my town, and eventually purchase Font Awesome Icons Pro :)

Thanks! ~J

FortAwesome / react-fontawesome

GATSBY] FontAwesome loading icons in Netlify get large then goto normal size #494