diff --git a/components/Footer/Footer.module.css b/components/Footer/Footer.module.css
index 741716c..4d26772 100644
--- a/components/Footer/Footer.module.css
+++ b/components/Footer/Footer.module.css
@@ -1,54 +1,83 @@
 .footer {
     background-color: var(--dark);
-    padding: 16px;
-    padding-bottom: 32px;
     color: #fff;
     margin-top: 2rem;
-}
-.footerTop {
-    padding-bottom: 16px;
+    padding: 16px;
+    padding-bottom: 8px;
+  }
+  
+  .footerTop {
     border-bottom: 1px solid var(--lightGrey);
-    
-}
-
-.footerList {
+    padding-bottom: 20px;
+  }
+  
+  .footerList {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    align-items: center;
+    margin: 0 ;
     padding: 0;
-    margin: 0;
     list-style: none;
-    line-height: 1.6;
-    
-}
+  }
 
-.footerLink, .footerLink:visited {
+ 
+  .footerLink,
+  .footerLink:visited {
     text-decoration: none;
     font-size: 0.9rem;
-}
-
-.footerLink:hover {
-    text-decoration: underline;
-}
-
-.footerBottom {
+    margin: 8px 0;
+  }
+  
+  .footerLink:hover {
+    color: var(--lightGrey) ;
+  }
+  
+  .footerBottom {
     display: flex;
-    justify-content: space-between;
+    flex-direction: column;
+    justify-content: center;
     align-items: center;
-    margin: 0rem;
+    margin: 0;
     padding: 16px 0 0 0;
-}
-
-.footerCopyrightText {
+  }
+  
+  .footerSocialIcons {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-top: 16px;
+  }
+  .footerSocialIcon:hover {
+    color: var(--lightGrey);
+  }
+  
+  .footerSocialIcon {
+    font-size: 1.2rem;
+    margin: 0 8px;
+  }
+  
+  .footerCopyright {
     margin: 0;
     font-size: 0.9rem;
-}
-
-@media only screen and (min-width: 55rem) {
-
+  }
+  
+  @media only screen and (min-width: 55rem) {
     .footerList {
-        display: flex;
-        flex-direction: row;
-        justify-content: space-between;    
+      flex-direction: row;
+      
+    }
+  
+    .footerLink,
+    .footerLink:visited {
+      margin: 0 16px;
+    }
+  
+    .footerBottom {
+      flex-direction: column;
+    }
+
+    .footerSocialIcons {
+    display: flex;
     }
-    
-    
-    
-} 
+  }
\ No newline at end of file
diff --git a/components/Footer/Footer.tsx b/components/Footer/Footer.tsx
index 84adf05..644a84b 100644
--- a/components/Footer/Footer.tsx
+++ b/components/Footer/Footer.tsx
@@ -1,6 +1,6 @@
 import Link from "next/link"
 import styles from "./Footer.module.css"
-import { BsGithub, BsBoxArrowUpRight } from "react-icons/bs"
+import { BsGithub, BsBoxArrowUpRight, BsTwitter } from "react-icons/bs"
 
 export const Footer = () => {
 	return (
@@ -50,14 +50,22 @@ export const Footer = () => {
 				</ul>
 			</div>
 			<div className={styles.footerBottom}>
+				<div className={styles.footerSocialIcons}>
+					<a
+						className={styles.footerIcons}
+						href="https://github.com/AccessibleForAll">
+						<BsGithub color="white" size="1.5rem" aria-label="Github" />
+					</a>
+					<a
+						className={styles.footerSocialIcon}
+						href="https://twitter.com/EmmaDawsonDev">
+						<BsTwitter color="white" size="1.5rem" aria-label="Twitter" />
+					</a>
+				</div>
 				<p className={styles.footerCopyrightText}>
 					© Accessible Web Dev by <strong>Accessible For All</strong>. Making
 					accessibility accessible for everyone!
 				</p>
-
-				<a href="https://github.com/AccessibleForAll">
-					<BsGithub color="white" size="1.5rem" aria-label="Github" />
-				</a>
 			</div>
 		</footer>
 	)