diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx
index 10ccbb8..e6422b7 100644
--- a/src/components/Footer/Footer.jsx
+++ b/src/components/Footer/Footer.jsx
@@ -2,7 +2,7 @@ import styles from "./Footer.module.css"
 import {Link} from "react-router";
 import {useState} from "react";
 import Modal from "../ui/modal/modal.jsx";
-import TextInput from "../ui/input/input.jsx";
+import Button from "../ui/button/button.jsx";
 
 export default function Footer(){
     const currentYear = new Date().getFullYear();
@@ -23,12 +23,13 @@ export default function Footer(){
                     <span className={styles.separator}></span>
                     <Link to="/legalNotices" className={styles.link}>Mentions légales</Link>
                     <span className={styles.separator}></span>
-                    <Link
+                    <Button
+                        variant={"transparent"}
                         className={styles.link}
                         onClick={() => setIsContactModal(true)}
                     >
                         Contact
-                    </Link>
+                    </Button>
                     <span className={styles.separator}></span>
                     <Link to="/"
                           className={styles.link}
diff --git a/src/components/Footer/Footer.module.css b/src/components/Footer/Footer.module.css
index d281cbe..3d54767 100644
--- a/src/components/Footer/Footer.module.css
+++ b/src/components/Footer/Footer.module.css
@@ -20,14 +20,15 @@
 }
 
 .link {
-    color: black;
+    color: black !important;
     text-decoration: none;
     font-size: 0.95rem;
     transition: color 0.2s ease;
+    padding: 0 !important;
 }
 
 .link:hover {
-    color: #019AFF;
+    color: #019AFF !important;
 }
 
 .separator {