diff --git a/frontend/js/footer.js b/frontend/js/footer.js
index 783776df..8053f487 100644
--- a/frontend/js/footer.js
+++ b/frontend/js/footer.js
@@ -40,14 +40,33 @@ document.addEventListener("DOMContentLoaded", () => {
       </div>
 
       <div class="footer-section">
-        <h3>socials</h3>
-        <ul>
-          <li><a href="https://github.com/codepvg/" target="_blank">github</a></li>
-          <li><a href="https://www.linkedin.com/company/codepvg/" target="_blank">linkedin</a></li>
-          <li><a href="https://www.youtube.com/@codepvg529" target="_blank">youtube</a></li>
-          <li><a href="https://chat.whatsapp.com/E5INVk1UJX6KL5oZK0wPAQ?mode=gi_t" target="_blank">whatsapp</a></li>
-        </ul>
-      </div>
+  <h3>socials</h3>
+  <ul>
+    <li>
+      <a href="https://github.com/codepvg/" target="_blank">
+        <i class="fab fa-github"></i> github
+      </a>
+    </li>
+
+    <li>
+      <a href="https://www.linkedin.com/company/codepvg/" target="_blank">
+        <i class="fab fa-linkedin"></i> linkedin
+      </a>
+    </li>
+
+    <li>
+      <a href="https://www.youtube.com/@codepvg529" target="_blank">
+        <i class="fab fa-youtube"></i> youtube
+      </a>
+    </li>
+
+    <li>
+      <a href="https://chat.whatsapp.com/E5INVk1UJX6KL5oZK0wPAQ?mode=gi_t" target="_blank">
+        <i class="fab fa-whatsapp"></i> whatsapp
+      </a>
+    </li>
+  </ul>
+</div>
 
       <div class="footer-section">
         <h3>contact</h3>
diff --git a/frontend/leaderboard.html b/frontend/leaderboard.html
index 242c6f83..be90996b 100644
--- a/frontend/leaderboard.html
+++ b/frontend/leaderboard.html
@@ -12,6 +12,10 @@
     />
     <link rel="stylesheet" href="styles/main.css" />
     <link rel="icon" type="image/png" href="assets/logo.png" />
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
+    />
     <script src="js/navbar.js"></script>
   </head>