diff --git a/client/src/components/Footer.tsx b/client/src/components/Footer.tsx
index 3d23b8c..1fb0be2 100644
--- a/client/src/components/Footer.tsx
+++ b/client/src/components/Footer.tsx
@@ -1,4 +1,5 @@
-import { Facebook, X } from "lucide-react";
+import { Facebook } from "lucide-react";
+import { SiX } from "react-icons/si";
 import logoBlack from "@assets/logo_black_1759165229646.png";
 
 export default function Footer() {
@@ -17,7 +18,7 @@ export default function Footer() {
             </div>
             <div className="flex items-center space-x-2">
               <Facebook className="w-5 h-5 text-gray-600 hover:text-gray-900 cursor-pointer" data-testid="social-facebook" />
-              <X className="w-5 h-5 text-gray-600 hover:text-gray-900 cursor-pointer" data-testid="social-x" />
+              <SiX className="w-5 h-5 text-gray-600 hover:text-gray-900 cursor-pointer" data-testid="social-x" />
             </div>
           </div>