diff --git a/front/dist/resources/style/style.css b/front/dist/resources/style/style.css
index 7e8d7521..6ee8f090 100644
--- a/front/dist/resources/style/style.css
+++ b/front/dist/resources/style/style.css
@@ -581,7 +581,7 @@ div.modal-report-user{
     width: 800px;
     height: 600px;
     left: calc(50% - 400px);
-    top: calc(50% - 100px);
+    top: 100px;
     background-color: #000000ad;
 }
 
@@ -591,8 +591,8 @@ div.modal-report-user{
     height: 200px;
     z-index: 999;
     left: calc(50% - 200px);
-    top: calc(50% - 100px);
-    background-color: #00000052;
+    top: 200px;
+    background-color: #000000;
     color: white;
 }
 
@@ -602,7 +602,7 @@ div.modal-report-user{
     width: 50px;
     z-index: 999;
     left: calc(50% - 25px);
-    top: calc(50% - 250px);
+    top: 10px;
 }
 
 .modal-report-user img#cancel-report-user{
@@ -618,7 +618,7 @@ div.modal-report-user{
 
 .modal-report-user button{
     position: absolute;
-    top: calc(50% + 200px);
+    top: 450px;
     left: calc(50% - 50px);
     width: 100px;
     border: 1px solid black;
@@ -636,11 +636,20 @@ div.modal-report-user{
     transform: scale(1.1);
 }
 
-.modal-report-user p{
+.modal-report-user p#title-report-user{
     font-size: 30px;
     color: white;
     position: absolute;
+    top: 30px;
+    width: 100%;
+    text-align: center;
+}
+
+.modal-report-user p#body-report-user{
+    font-size: 24px;
+    color: white;
+    position: absolute;
     top: 90px;
     width: 100%;
-    text-align: center;
+    text-align: left;
 }
diff --git a/front/src/WebRtc/MediaManager.ts b/front/src/WebRtc/MediaManager.ts
index 1dd58c11..dfa6c694 100644
--- a/front/src/WebRtc/MediaManager.ts
+++ b/front/src/WebRtc/MediaManager.ts
@@ -562,9 +562,15 @@ export class MediaManager {
         divReport.appendChild(inputHidden);
 
         const titleMessage = document.createElement('p');
-        titleMessage.innerText = 'Vous souhaitez report : ' + userName;
+        titleMessage.id = 'title-report-user';
+        titleMessage.innerText = 'Open a report';
         divReport.appendChild(titleMessage);
 
+        const bodyMessage = document.createElement('p');
+        bodyMessage.id = 'body-report-user';
+        bodyMessage.innerText = `You are about to open a report regarding an offensive conduct from user ${userName.toUpperCase()}. Please explain to us how you think ${userName.toUpperCase()} breached the code of conduct.`;
+        divReport.appendChild(bodyMessage);
+
         const imgReportUser = document.createElement('img');
         imgReportUser.id = 'img-report-user';
         imgReportUser.src = 'resources/logos/report.svg';
@@ -572,7 +578,7 @@ export class MediaManager {
 
         const textareaUser = document.createElement('textarea');
         textareaUser.id = 'textarea-report-user';
-        textareaUser.placeholder = 'Laissez un commentaire pour confirmer le report de la personne';
+        textareaUser.placeholder = 'Write ...';
         divReport.appendChild(textareaUser);
 
         const buttonReport = document.createElement('button');