diff --git a/src/components/Footer/Footer.css b/src/components/Footer/Footer.css
index 328a987..a210f0f 100644
--- a/src/components/Footer/Footer.css
+++ b/src/components/Footer/Footer.css
@@ -15,12 +15,14 @@
 .Social-icons img {
   width: 32px;
   height: 32px;
-
-  filter: invert(100%);
   margin-right: 3px;
   margin-left: 3px;
 }
 
+.Social-invert { 
+  filter: invert(100%);
+}
+
 .footer-logo-container{
   margin: 8px;
 }
diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx
index 37de95c..6f44b15 100644
--- a/src/components/Footer/Footer.jsx
+++ b/src/components/Footer/Footer.jsx
@@ -1,6 +1,6 @@
 import React from "react";
 import './Footer.css'
-import twitter from "../../img/twitter.png";
+import twitter from "../../img/x.png";
 import linkedin from "../../img/linkedin.png";
 import mastodon from "../../img/mastodon.png";
 import logo from "../../img/logo.svg"
@@ -14,11 +14,11 @@ const Footer = () => {
               target={"_blank"}
               rel={"noreferrer"}
             >
-              <img src={linkedin} alt="linkedin" />
+              <img className="Social-invert" src={linkedin} alt="linkedin" />
             </a>
 
             <a
-              href="https://twitter.com/spectrocloudinc"
+              href="https://x.com/spectrocloudinc"
               target={"_blank"}
               rel={"noreferrer"}
             >
@@ -30,7 +30,7 @@ const Footer = () => {
               target={"_blank"}
               rel={"noreferrer"}
             >
-              <img src={mastodon} alt="mastodon" />
+              <img className="Social-invert" src={mastodon} alt="mastodon" />
             </a>
           </div>
           <div>
diff --git a/src/img/twitter.png b/src/img/twitter.png
deleted file mode 100644
index ec62079..0000000
Binary files a/src/img/twitter.png and /dev/null differ
diff --git a/src/img/x.png b/src/img/x.png
new file mode 100644
index 0000000..2b4f93b
Binary files /dev/null and b/src/img/x.png differ