diff --git a/index.html b/index.html
index 9c6cad0..186fb57 100644
--- a/index.html
+++ b/index.html
@@ -12,8 +12,8 @@
   <header class="header">
     <a href="http://yeion7.github.io/websites/" class="home">Home</a>
     <nav class="nav">
-      <a href="https://twitter.com/yeion7" class="nav-twitter">Twitter</a>
-      <a href="https://github.com/yeion7/" class="nav-twitter">Github</a>
+      <a href="https://twitter.com/yeion7" class="nav-twitter"><i class="fa-brands fa-twitter"></i></a>
+      <a href="https://github.com/yeion7/" class="nav-twitter"><i class="fa-brands fa-github"></i></a>
     </nav>
   </header>
 
@@ -160,6 +160,7 @@ <h2 class="current-title">Today's Website</h2>
     </span>
 
   </section>
-<script type="text/javascript" src="app.js"></script>
+  <script src="https://kit.fontawesome.com/11998b0979.js" crossorigin="anonymous"></script>
+  <script type="text/javascript" src="app.js"></script>
 </body>
 </html>
diff --git a/styles.css b/styles.css
index 7d2c0ea..edaef35 100644
--- a/styles.css
+++ b/styles.css
@@ -83,3 +83,7 @@ a {
 .websites {
   align-items: flex-start;
 }
+.fa-brands{
+  font-size: 1.5em;
+  padding: 2px;
+}