icons fix pls

components/footer.js

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

components/socials.js

@@ -2,10 +2,10 @@ import styles from '../styles/components/Socials.module.css'
 
 const Socials = () => (
     <section className={styles.buttons}>
-        <a href="https://twitter.com/Trick_the_fox" target="_blank"><i className="fab fa-twitter" size="1x"></i> Twitter</a>
+        <a href="https://twitter.com/Trick_the_fox" target="_blank"><i className="fab fa-twitter fa-lg"></i> Twitter</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://www.twitch.tv/trick_the_fox" target="_blank"><i className="fab fa-twitch"></i> Twitch</a>
-        <a href="https://trello.com/b/cMyTLWYd" target="_blank"><i className="fab fa-trello" size="1x"></i> Trello</a>
+        <a href="https://trello.com/b/cMyTLWYd" target="_blank"><i className="fab fa-trello fa-lg"></i> Trello</a>
-        <a href="https://ko-fi.com/trick_the_fox" target="_blank"><i className="fas fa-coins" size="1x"></i> Ko-fi</a>
+        <a href="https://ko-fi.com/trick_the_fox" target="_blank"><i className="fas fa-coins fa-lg"></i> Ko-fi</a>
     </section>
 )