diff --git a/src/components/About.js b/src/components/About.js
index 7fe64a9..e906882 100644
--- a/src/components/About.js
+++ b/src/components/About.js
@@ -91,16 +91,18 @@ class About extends React.Component {
               <img src="/img/linkedin.webp" alt="LinkedIn"/>
             </a>
 
-            <a href="https://www.hackerrank.com/figueroa0609" target="_blank" rel="noreferrer" className="link">
+            <a href="https://www.hackerrank.com/figueroa0609" target="_blank" rel="noreferrer" className="link bg-hackerrank ">
               <img src="/img/hackerrank.webp" alt="Hacker Rank"/>
             </a>
             <a href="https://app.hackthebox.eu/profile/734741" target="_blank" rel="noreferrer" className="link bg-white">
               <img src="/img/hackthebox.webp" alt="Hack The Box"/>
             </a>
-            <a href="https://www.udemy.com/user/camerin-figueroa/" target="_blank" rel="noreferrer" className="link">
+            <a href="https://www.udemy.com/user/camerin-figueroa/" target="_blank" rel="noreferrer" className="link bg-white">
               <img src="/img/udemy.webp" alt="Udemy"/>
             </a>
-
+            <a href="https://leetcode.com/RaspberryProgramming/" target="_blank" rel="noreferrer" className="link bg-black">
+              <img src="/img/leetcode_logo.webp" alt="leet code"/>
+            </a>
           </div>
 
         </div>
diff --git a/src/components/css/About.css b/src/components/css/About.css
index a259d60..e796a80 100644
--- a/src/components/css/About.css
+++ b/src/components/css/About.css
@@ -39,15 +39,14 @@
 }
 
 .About .links .link img {
-    width: 10rem;
+    width:10rem;
 }
 
 .About .links .link {
     margin: 10px;
 }
 
-.About .link.bg-white {
-    background-color: white;
+.About .link {
     border-radius: 5px;
     display:flex;
     height: 10rem;
@@ -57,6 +56,18 @@
     margin: 5px;
 }
 
+.About .link.bg-white {
+    background-color: white;
+    
+}
+
+.About .link.bg-black{
+    background-color: black;
+}
+
+.About .link.bg-hackerrank {
+    background-color: rgb(14, 20, 25);
+}
 
 @media only screen and (max-width: 600px) {
     .About .links .link img {