try

components/footer.js

@@ -4,7 +4,7 @@ const Header = () => (
     <div>
         <div className={styles.footer}>
             <div className="container">
-                <h4>Made with <i className="fas fa-heart" style={{color: 'red'}}></i> by <a href="https://twitter.com/midblep" className="link" target="_blank">Midblep</a></h4>
+                <h4>Made with <i className="fas fa-heart" style={{color: 'red'}}></i> by <a href="https://twitter.com/midblep" className="link" target="_blank" size="1x">Midblep</a></h4>
             </div>
         </div>
     </div>

pages/index.js

@@ -47,9 +47,9 @@ export default function Index() {
 
                 <section className="buttons">
                     <a href="https://twitter.com/Trick_the_fox" target="_blank"><i className="fab fa-twitter" size="1x"></i> Twitter</a>
-                    <a href="https://www.twitch.tv/trick_the_fox" target="_blank"><i className="fab fa-twitch icon"></i> Twitch</a>
+                    <a href="https://www.twitch.tv/trick_the_fox" target="_blank"><i className="fab fa-twitch" size="1x"></i> Twitch</a>
-                    <a href="https://trello.com/b/cMyTLWYd" target="_blank"><i className="fab fa-trello icon"></i> Trello</a>
+                    <a href="https://trello.com/b/cMyTLWYd" target="_blank"><i className="fab fa-trello" size="1x"></i> Trello</a>
-                    <a href="https://ko-fi.com/trick_the_fox" target="_blank"><i className="fas fa-coins icon"></i> Ko-fi</a>
+                    <a href="https://ko-fi.com/trick_the_fox" target="_blank"><i className="fas fa-coins" size="1x"></i> Ko-fi</a>
                 </section>
 
             </article>