diff --git a/components/footer.js b/components/footer.js
index 74ef3bf..b4dd8d9 100644
--- a/components/footer.js
+++ b/components/footer.js
@@ -6,7 +6,7 @@ const Footer = () => (
     <div>
         <div className={styles.footer}>
             <div className="container">
-                <h4>Made with <FontAwesomeIcon icon={faHeart} style={{color: "red"}} /> by <a href="https://twitter.com/midblep" className="link" target="_blank">Midblep</a></h4>
+                <h4>Made with <FontAwesomeIcon icon={faHeart} style={{color: "red"}} size="1x" /> by <a href="https://twitter.com/midblep" className="link" target="_blank">Midblep</a></h4>
             </div>
         </div>
     </div>
diff --git a/components/socials.js b/components/socials.js
index 583ea51..dec46a4 100644
--- a/components/socials.js
+++ b/components/socials.js
@@ -7,10 +7,10 @@ import { faMugHot } from '@fortawesome/free-solid-svg-icons'
 
 const Socials = () => (
     <section className={styles.buttons}>
-        <a href="https://twitter.com/Trick_the_fox" target="_blank"><FontAwesomeIcon icon={faTwitter} /> Twitter</a>
-        <a href="https://www.twitch.tv/trick_the_fox" target="_blank"><FontAwesomeIcon icon={faTwitch} /> Twitch</a>
-        <a href="https://trello.com/b/cMyTLWYd" target="_blank"><FontAwesomeIcon icon={faTrello} /> Trello</a>
-        <a href="https://ko-fi.com/trick_the_fox" target="_blank"><FontAwesomeIcon icon={faMugHot} /> Ko-fi</a>
+        <a href="https://twitter.com/Trick_the_fox" target="_blank"><FontAwesomeIcon icon={faTwitter} size="1x" /> Twitter</a>
+        <a href="https://www.twitch.tv/trick_the_fox" target="_blank"><FontAwesomeIcon icon={faTwitch} size="1x" /> Twitch</a>
+        <a href="https://trello.com/b/cMyTLWYd" target="_blank"><FontAwesomeIcon icon={faTrello} size="1x" /> Trello</a>
+        <a href="https://ko-fi.com/trick_the_fox" target="_blank"><FontAwesomeIcon icon={faMugHot} size="1x" /> Ko-fi</a>
     </section>
 )
 
diff --git a/pages/_app.js b/pages/_app.js
index 35d9e4b..c286847 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -1,9 +1,8 @@
 import '../styles/globals.css'
 
-import '@fortawesome/fontawesome-free/js/fontawesome';
-import '@fortawesome/fontawesome-free/js/solid';
-import '@fortawesome/fontawesome-free/js/regular';
-import '@fortawesome/fontawesome-free/js/brands';
+import '@fortawesome/fontawesome-svg-core/styles.css';
+import { config } from '@fortawesome/fontawesome-svg-core';
+config.autoAddCss = false; /* eslint-disable import/first */
 
 function MyApp({ Component, pageProps }) {
   return <Component {...pageProps} />