diff --git a/TP3/index1.html b/TP3/index1.html
index b1082ee..801334c 100644
--- a/TP3/index1.html
+++ b/TP3/index1.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="fr">
+<html lang="fr" data-bs-theme="dark">
   <head>
     <style>
       .message{
@@ -16,8 +16,8 @@
     <title>Chat</title>
 
     <!-- CSS Styles -->
-    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
-    
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
+
     <!-- JS Scripts -->
     <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
     <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
@@ -98,7 +98,8 @@
         </button>
       </form>
     </section>
-    <script src="js/utils.js"></script> 
-    <script src="js/chat.js"></script>
+    <script src="js/utils.js" defer></script>
+    <script src="js/chat.js" defer></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
   </body>
 </html>
diff --git a/TP3/js/chat.js b/TP3/js/chat.js
index 0312f90..03c7461 100644
--- a/TP3/js/chat.js
+++ b/TP3/js/chat.js
@@ -45,7 +45,7 @@ function getMessages(){
 
 function displayMessages(messages){
     let chatRoom = document.getElementById("chat-room");
-    chatRoom.innerHTML = "";
+    chatRoom.value = "";
     if (messages.length === 0){
         // No messages
     }else{
