diff --git a/Site Web/client/src/components/UserProfil/SuggestFriends.js b/Site Web/client/src/components/UserProfil/SuggestFriends.js
index 2ceee84c..a4577dad 100644
--- a/Site Web/client/src/components/UserProfil/SuggestFriends.js	
+++ b/Site Web/client/src/components/UserProfil/SuggestFriends.js	
@@ -80,8 +80,12 @@ const SuggestFriends = () => {
                                     if(user === usersData[i]._id){
                                         return (
                                             <div className="UtiReco" key={user}>
-                                                <MiniProfil uid={usersData[i]._id}></MiniProfil>
-                                                <FollowHandler idToFollow={usersData[i]._id} type={"card"}/>
+                                                <div>
+                                                    <MiniProfil uid={usersData[i]._id}></MiniProfil>
+                                                </div>
+                                                <div>
+                                                    <FollowHandler idToFollow={usersData[i]._id} type={"card"}/>
+                                                </div>
                                             </div>
                                         );
                                     }
diff --git a/Site Web/client/src/styles/pages/_profil.scss b/Site Web/client/src/styles/pages/_profil.scss
index 67ac2d2f..4d8fc9c6 100644
--- a/Site Web/client/src/styles/pages/_profil.scss	
+++ b/Site Web/client/src/styles/pages/_profil.scss	
@@ -364,13 +364,15 @@ scrollbar-gutter: stable both-edges;
 .recoDiv {
   width: 250px;
   margin-top: 10px;
+
 }
 
 .UtiReco {
 display: flex;
 flex-direction: row;
-justify-content: space-evenly;
+justify-content: space-between;
 padding: 5% 0% 0% 0%;
+
 }
 
 .ListReco {