diff --git a/src/frontend/package-lock.json b/src/frontend/package-lock.json
index 117ee8dab..6529c598f 100644
--- a/src/frontend/package-lock.json
+++ b/src/frontend/package-lock.json
@@ -55,7 +55,7 @@
         "react-cookie": "^4.1.1",
         "react-dom": "^18.2.0",
         "react-error-boundary": "^4.0.11",
-        "react-icons": "^4.10.1",
+        "react-icons": "^5.0.1",
         "react-laag": "^2.0.5",
         "react-markdown": "^8.0.7",
         "react-router-dom": "^6.15.0",
@@ -9363,9 +9363,9 @@
       }
     },
     "node_modules/react-icons": {
-      "version": "4.12.0",
-      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.12.0.tgz",
-      "integrity": "sha512-IBaDuHiShdZqmfc/TwHu6+d6k2ltNCf3AszxNmjJc1KUfXdEeRJOKyNvLmAHaarhzGmTSVygNdyu8/opXv2gaw==",
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.0.1.tgz",
+      "integrity": "sha512-WqLZJ4bLzlhmsvme6iFdgO8gfZP17rfjYEJ2m9RsZjZ+cc4k1hTzknEz63YS1MeT50kVzoa1Nz36f4BEx+Wigw==",
       "peerDependencies": {
         "react": "*"
       }
diff --git a/src/frontend/package.json b/src/frontend/package.json
index 8b20d5e6b..c6473cf3a 100644
--- a/src/frontend/package.json
+++ b/src/frontend/package.json
@@ -50,7 +50,7 @@
     "react-cookie": "^4.1.1",
     "react-dom": "^18.2.0",
     "react-error-boundary": "^4.0.11",
-    "react-icons": "^4.10.1",
+    "react-icons": "^5.0.1",
     "react-laag": "^2.0.5",
     "react-markdown": "^8.0.7",
     "react-router-dom": "^6.15.0",
@@ -128,4 +128,4 @@
     "ua-parser-js": "^1.0.37",
     "vite": "^4.5.2"
   }
-}
+}
\ No newline at end of file
diff --git a/src/frontend/src/components/headerComponent/index.tsx b/src/frontend/src/components/headerComponent/index.tsx
index 442a6c3be..f3bbaff97 100644
--- a/src/frontend/src/components/headerComponent/index.tsx
+++ b/src/frontend/src/components/headerComponent/index.tsx
@@ -1,5 +1,6 @@
 import { useContext, useEffect } from "react";
-import { FaDiscord, FaGithub, FaTwitter } from "react-icons/fa";
+import { FaDiscord, FaGithub } from "react-icons/fa";
+import { RiTwitterXFill } from "react-icons/ri";
 import { Link, useLocation, useNavigate, useParams } from "react-router-dom";
 import AlertDropdown from "../../alerts/alertDropDown";
 import { USER_PROJECTS_HEADER } from "../../constants/constants";
@@ -127,7 +128,7 @@ export default function Header(): JSX.Element {
             rel="noreferrer"
             className="text-muted-foreground"
           >
-            <FaTwitter className="side-bar-button-size" />
+            <RiTwitterXFill className="side-bar-button-size" />
           </a>
           <a
             href="https://discord.gg/EqksyE2EX9"