diff --git a/Website/css/styles.css b/Website/css/styles.css
index ac5e11fa3..9508a912b 100644
--- a/Website/css/styles.css
+++ b/Website/css/styles.css
@@ -1285,7 +1285,7 @@ button#toggle-languages:hover {
 }
 
 .icon-content a[data-social="twitter"] .filled {
-    background-color: #1da1f2;
+    background-color: #000000; /* New X Black */
 }
 
 .icon-content a[data-social="youtube"] .filled {
@@ -1322,7 +1322,7 @@ body.dark-mode .side-icons .icon-content a[data-social="linkedin"] .filled {
 }
 
 body.dark-mode .side-icons .icon-content a[data-social="twitter"] .filled {
-    background-color: #1da1f2;
+    background-color: #000000; /* New X Black */
 }
 
 body.dark-mode .side-icons .icon-content a[data-social="youtube"] .filled {
diff --git a/Website/index.html b/Website/index.html
index b27e1822f..9d39652d5 100644
--- a/Website/index.html
+++ b/Website/index.html
@@ -580,7 +580,7 @@ <h2>Here are some of our active GitHub repositories</h2>
       </a>
     </div>
     <div class="icon-content">
-      <a href="https://twitter.com/sanjay_kv" target="_blank" aria-label="Twitter" data-social="twitter">
+      <a href="https://twitter.com/sanjay_kv" target="_blank" aria-label="X (formerly Twitter)" data-social="twitter">
         <i class="fa fa-twitter"></i>
         <div class="filled"></div>
       </a>