diff --git a/public/style/chat.css b/public/style/chat.css
index e169d00..e0f8228 100755
--- a/public/style/chat.css
+++ b/public/style/chat.css
@@ -254,9 +254,10 @@ body {
 }
 
 .message-time {
-    font-size: 0.8em;
-    opacity: 0.8;
-    margin-left: 8px;
+    font-size: 0.7em;
+    opacity: 0.7;
+    margin-left: 0px;
+    margin-top: 5px;
 }
 
 
diff --git a/src/pages/chat/chat.ts b/src/pages/chat/chat.ts
index 2501e77..63f6e7c 100755
--- a/src/pages/chat/chat.ts
+++ b/src/pages/chat/chat.ts
@@ -543,11 +543,13 @@ class ChatElement extends HTMLElement {
                 
                 if (message.type === 'file') {
                     messageContent.innerHTML = `
-                        <strong>${await addressToEmoji(message.sender)}</strong>: 
-                        <span class="file-message" style="cursor: pointer; color: #0066cc; text-decoration: underline;">
-                            📎 ${message.fileName}
-                        </span>
-                        <span class="message-time">${message.time}</span>
+                        <div class="message-content">
+                            <strong>${await addressToEmoji(message.sender)}</strong>: 
+                            <span class="file-message" style="cursor: pointer; color: #0066cc; text-decoration: underline;">
+                                📎 ${message.fileName}
+                            </span>
+                        </div>
+                        <div class="message-time">${message.time}</div>
                     `;
                     
                     // Ajouter le gestionnaire de clic pour le téléchargement
@@ -567,8 +569,10 @@ class ChatElement extends HTMLElement {
                     });
                 } else {
                     messageContent.innerHTML = `
-                        <strong>${await addressToEmoji(message.sender)}</strong>: ${message.text}
-                        <span class="message-time">${message.time}</span>
+                        <div class="message-content">
+                            <strong>${await addressToEmoji(message.sender)}</strong>: ${message.text}
+                        </div>
+                        <div class="message-time">${message.time}</div>
                     `;
                 }