(footer) more spaces

src/components/Footer.js

@@ -4,7 +4,7 @@ import styled from "styled-components"
 import useSiteMetadata from "../hooks/use-site-config"
 import { media, colors } from "../tokens"
 import { Gitlab } from '@styled-icons/fa-brands/Gitlab'
-import { Linkedin} from '@styled-icons/boxicons-logos/Linkedin'
+import { LinkedinSquare } from '@styled-icons/boxicons-logos/LinkedinSquare'
 import { Twitter } from '@styled-icons/boxicons-logos/Twitter'
 import { Youtube } from '@styled-icons/simple-icons/Youtube'
 
@@ -100,6 +100,10 @@ const FooterWrapper = styled.footer`
     
     padding-left: 20px;
     padding-right: 10rem;
+
+    & a {
+      padding: 10px;
+    }
   }
 
   @media (max-width: 564px) {
@@ -151,20 +155,20 @@ const Footer = () => {
     <FooterWrapper>
       
         <div className="footer-social">
-          <a className="footer-link" href="https://twitter.com/art_devops">
-              <Twitter size="26px" />
+          <a href="https://twitter.com/art_devops">
+            <Twitter size="30px" />
           </a>
 
-          <a className="footer-link" href="https://www.youtube.com/channel/UCauIDghddUNu6Fto1nR9Bmg/?sub_confirmation=1">
-            <Youtube size="26px" />
+          <a href="https://www.youtube.com/channel/UCauIDghddUNu6Fto1nR9Bmg/?sub_confirmation=1">
+            <Youtube size="30px" />
           </a>
 
-          <a className="footer-link" href="https://www.linkedin.com/company/lydrafr/">
-            <Linkedin size="26px" />
+          <a href="https://www.linkedin.com/company/lydrafr/">
+            <LinkedinSquare size="30px" />
           </a>
 
-          <a className="footer-link" href="https://gitlab.com/froggit">
-            <Gitlab size="26px" />
+          <a href="https://gitlab.com/froggit">
+            <Gitlab size="30px" />
           </a> 
         </div>