diff --git a/Site Web/client/src/pages/Profil.js b/Site Web/client/src/pages/Profil.js
index 832da86a..76cdd1f5 100644
--- a/Site Web/client/src/pages/Profil.js	
+++ b/Site Web/client/src/pages/Profil.js	
@@ -159,7 +159,7 @@ const Profil = () => {
                 </div>
               </div>
           </div>
-          <div>
+          <div className='recommendationProfil'>
               {uid && <SuggestFriends />}
           </div>
         </div>
diff --git a/Site Web/client/src/styles/pages/_homenavigation.scss b/Site Web/client/src/styles/pages/_homenavigation.scss
index 75b1dac2..56e1c53d 100644
--- a/Site Web/client/src/styles/pages/_homenavigation.scss	
+++ b/Site Web/client/src/styles/pages/_homenavigation.scss	
@@ -279,7 +279,7 @@ input[type="submit"]:hover, .buttonTEL:hover{
 
 
 .form-presentation{
-  background-color: aquamarine;
+  background: $color-2;
   width: 400px;
   display: flex;
   flex-direction: column;
@@ -299,6 +299,7 @@ input[type="submit"]:hover, .buttonTEL:hover{
     padding-left: 30px;
     padding-right: 30px;
     text-align: center;
+    color:  rgba(0, 0, 0, 0.855);
   }
   img{
     padding-top: 20px;
diff --git a/Site Web/client/src/styles/pages/_profil.scss b/Site Web/client/src/styles/pages/_profil.scss
index d5b1e72f..860511ea 100644
--- a/Site Web/client/src/styles/pages/_profil.scss	
+++ b/Site Web/client/src/styles/pages/_profil.scss	
@@ -385,3 +385,10 @@ align-content: space-around;
 // div {
 //   border: 5px ridge;
 // } 
+
+.recommendationProfil{
+  position:relative;
+  left: 4%;
+}
+
+