diff --git a/html/index_1.html b/html/index_1.html
index 3925fb8..886e006 100644
--- a/html/index_1.html
+++ b/html/index_1.html
@@ -7,6 +7,11 @@
 </head>
 
 <body>
+    <!--LobbyChat-->
+<div id="LobbyChatRoom" style="display: none;">
+    <p>Message:Talk to other players here</p>
+    <button id="send">Send</button>
+</div>
     <!-- welcome -->
     <div id="welcomeContainer">
         <h1>Welcome to The Word Search Game</h1>
@@ -164,6 +169,8 @@ <h2>Leaderboard</h2>
             if("ready" in messageData && messageData.ready==="true")
             {
                 document.getElementById("lobbyContainer").style.display="none";
+                document.getElementById("LobbyChatRoom").style.display="block";
+                document.getElementById("welcomeContainer").style.display="none";
                 generateGrid();
                 document.getElementById("Game").style.display="block";
                 startTimer();
diff --git a/html/style_lobby.css b/html/style_lobby.css
index 7aa793f..cbfe04e 100644
--- a/html/style_lobby.css
+++ b/html/style_lobby.css
@@ -157,7 +157,8 @@ select {
     background-color: #f2f2f2;
 }
 #LobbyChatRoom {
-    width: 100%;
+    width: 45%;
+    height: 90%;
     border-collapse: collapse;
     border: 1px solid black;
 }
