diff --git a/Site Web/client/src/pages/Profil.js b/Site Web/client/src/pages/Profil.js
index ac383372..4d4632f1 100644
--- a/Site Web/client/src/pages/Profil.js	
+++ b/Site Web/client/src/pages/Profil.js	
@@ -13,6 +13,11 @@ import MiniProfil from "../components/MiniProfil";
 const Profil = () => {
     const { uid } = useParams();
     const [userData, setUserData] = useState(null);
+    const [followingPopup, setFollowingPopup] = useState(false);
+    const [followerPopup, setFollowerPopup] = useState(false);
+    const [dossierPersonnels,setdossierPersonnels ] = useState(false);
+    const [postPersonnels,setpostPersonnels ] = useState(true);
+    const [postLikes,setpostLikes ] = useState(false)
 
     useEffect(() => {
         async function fetchData() {
@@ -24,12 +29,6 @@ const Profil = () => {
     }, [uid]);
 
 
-    const [followingPopup, setFollowingPopup] = useState(false);
-    const [followerPopup, setFollowerPopup] = useState(false);
-    const [dossierPersonnels,setdossierPersonnels ] = useState(false);
-    const [postPersonnels,setpostPersonnels ] = useState(true);
-    const [postLikes,setpostLikes ] = useState(false)
-
     const handleModals = (e) => {
         if (e.target.id === "DossierPersonnels") {
             setdossierPersonnels(true);
@@ -217,13 +216,13 @@ const Profil = () => {
                     <nav role="navigation" className="navProfil">
                         <ul className="navItemsProfil">
                             <li className="navItemProfil">
-                                <a className="navLinkProfil" id='DossierPersonnels' onClick={handleModals}><span>Dossier Personnel</span></a>
+                                <a className="navLinkProfil" id='DossierPersonnels' onClick={handleModals}>Dossier Personnel</a>
                             </li> 
                             <li className="navItemProfil">
-                                <a className="navLinkProfil" id='PostsPersonnels' onClick={handleModals}><span>Posts</span></a>
+                                <a className="navLinkProfil" id='PostsPersonnels' onClick={handleModals}>Posts</a>
                             </li>
                             <li className="navItemProfil">
-                                <a  className="navLinkProfil" id='PostLikes' onClick={handleModals}><span>Posts likés</span></a>
+                                <a  className="navLinkProfil" id='PostsLikes' onClick={handleModals}>Posts likés</a>
                             </li> 
                           
                         </ul>