diff --git a/src/index.css b/src/index.css
index fe4edcd..591f4f0 100644
--- a/src/index.css
+++ b/src/index.css
@@ -238,10 +238,11 @@ display: flex;
     z-index: 111111;
 }
 
-.github, .website {
+.github a, .website a{
   display: flex;
   align-items: center;
   margin-right: 10px;
+  color: black;
 }
 
 .github img, .website img {
diff --git a/src/main.jsx b/src/main.jsx
index 606d2f5..6a63f83 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -13,14 +13,14 @@ ReactDOM.render(
         <div className="github">
           <a href="https://github.com/Yeab-Ad" target="_blank">
             <img src="src\assets\github-icon.png" alt="GitHub Icon" />
+            <p>Yeab-Ad</p>
           </a>
-          <p>Yeab-Ad</p>
         </div>
         <div className="website">
-          <a href="https://yeabsiraofficial.netlify.app" target="_blank">
+          <a href="https://yeabsiras.netlify.app" target="_blank">
             <img src="src\assets\U.svg" alt="Website Icon" />
+            <p>Website</p>
           </a>
-          <p>Website</p>
         </div>
       </div>
     </footer>