diff --git a/components/Bio/Bio.module.css b/components/Bio/Bio.module.css
index 6f5eec9..7f90f87 100644
--- a/components/Bio/Bio.module.css
+++ b/components/Bio/Bio.module.css
@@ -22,7 +22,3 @@
   color: var(--primary-accent-colour);
   margin-left: 0.5rem;
 }
-
-.icons {
-  margin-right: 20px;
-}
diff --git a/components/Bio/Bio.tsx b/components/Bio/Bio.tsx
index 914a76c..e3c1d20 100644
--- a/components/Bio/Bio.tsx
+++ b/components/Bio/Bio.tsx
@@ -1,7 +1,5 @@
 import React from "react";
-import GithubIcon from "../Icons/GithubIcon";
-import LinkedinIcon from "../Icons/LinkedinIcon";
-import TwitterIcon from "../Icons/TwitterIcon";
+import SocialLinks from "../SocialLinks/SocialLinks";
 import styles from "./Bio.module.css";
 
 function Bio() {
@@ -14,11 +12,7 @@ function Bio() {
         Destroyer of Builds, Remover of Strings, Creator of lint errors. Currently an application developer @
         <a href="https://www.pebblepad.co.uk/">PebblePad</a>
       </p>
-      <div>
-        <GithubIcon />
-        <TwitterIcon />
-        <LinkedinIcon />
-      </div>
+      <SocialLinks colour="#FFF" />
     </div>
   );
 }
diff --git a/components/Icons/Icon.module.css b/components/Icons/Icon.module.css
deleted file mode 100644
index abc92bd..0000000
--- a/components/Icons/Icon.module.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.icon {
-  margin-right: 20px;
-}