diff --git a/docker-compose/requirements/djangoserver/file/server/server/templates/homePage.html b/docker-compose/requirements/djangoserver/file/server/server/templates/homePage.html
index 9dba9dd..b9f06a4 100644
--- a/docker-compose/requirements/djangoserver/file/server/server/templates/homePage.html
+++ b/docker-compose/requirements/djangoserver/file/server/server/templates/homePage.html
@@ -73,9 +73,7 @@
 <div id="chatDiv">
 	<div id="topChatHome">
 		<h1>Chat</h1>
-		<div id="topChatCross">
-			<h2>X</h2>
-		</div>
+		<div id="topChatCross"><span>&times;</span></div>
 	</div>
 	<p id="infoChat">You are not connected to the chat</p>
 </div>
diff --git a/docker-compose/requirements/nginx/static/javascript/lobbyPage/main.js b/docker-compose/requirements/nginx/static/javascript/lobbyPage/main.js
index 1c7268b..b345c9d 100644
--- a/docker-compose/requirements/nginx/static/javascript/lobbyPage/main.js
+++ b/docker-compose/requirements/nginx/static/javascript/lobbyPage/main.js
@@ -3,10 +3,10 @@
 /*                                                        :::      ::::::::   */
 /*   main.js                                            :+:      :+:    :+:   */
 /*                                                    +:+ +:+         +:+     */
-/*   By: edbernar <edbernar@student.42angouleme.    +#+  +:+       +#+        */
+/*   By: marvin <marvin@student.42.fr>              +#+  +:+       +#+        */
 /*                                                +#+#+#+#+#+   +#+           */
 /*   Created: 2024/08/22 17:08:46 by madegryc          #+#    #+#             */
-/*   Updated: 2024/09/17 22:46:41 by edbernar         ###   ########.fr       */
+/*   Updated: 2024/09/18 01:48:32 by marvin           ###   ########.fr       */
 /*                                                                            */
 /* ************************************************************************** */
 
@@ -123,6 +123,14 @@ function showGameMode()
 	document.getElementById('loginPopup').style.display = 'flex';
 }
 
+// Pour EDDY : Je l'ai fait fonctionné comme ça mais change le comme tu le veux,
+// La fonction sert a quitter la login popup si on clique en dehors de la zone. (Efface le commentaire quand tu fais les changements)
+
+window.addEventListener('click', function(event) {
+    if (event.target == document.getElementById('loginPopup')) {
+        document.getElementById('loginPopup').style.display = 'none';
+    }
+});
 
 function hideGameMode()
 {
diff --git a/docker-compose/requirements/nginx/static/style/homePage/liveChat.css b/docker-compose/requirements/nginx/static/style/homePage/liveChat.css
index 00c6d2d..f058a56 100644
--- a/docker-compose/requirements/nginx/static/style/homePage/liveChat.css
+++ b/docker-compose/requirements/nginx/static/style/homePage/liveChat.css
@@ -3,10 +3,10 @@
 /*                                                        :::      ::::::::   */
 /*   liveChat.css                                       :+:      :+:    :+:   */
 /*                                                    +:+ +:+         +:+     */
-/*   By: edbernar <edbernar@student.42angouleme.    +#+  +:+       +#+        */
+/*   By: marvin <marvin@student.42.fr>              +#+  +:+       +#+        */
 /*                                                +#+#+#+#+#+   +#+           */
 /*   Created: 2024/07/30 13:53:39 by edbernar          #+#    #+#             */
-/*   Updated: 2024/09/17 23:12:39 by edbernar         ###   ########.fr       */
+/*   Updated: 2024/09/18 01:28:22 by marvin           ###   ########.fr       */
 /*                                                                            */
 /* ************************************************************************** */
 
@@ -58,11 +58,8 @@
 	font-size: 25px;
 }
 
-/* Delete this, is just for cross style */
-#chatDiv h2 {
-	cursor : pointer;
-	margin: 0;
-	font-size: 25px;
+#topChatCross span{
+	font-size: 30px;
 }
 
 #chatDiv #topChatHome {
diff --git a/docker-compose/requirements/nginx/static/style/lobbyPage/lobbyPage.css b/docker-compose/requirements/nginx/static/style/lobbyPage/lobbyPage.css
index eacd0ef..faabb00 100644
--- a/docker-compose/requirements/nginx/static/style/lobbyPage/lobbyPage.css
+++ b/docker-compose/requirements/nginx/static/style/lobbyPage/lobbyPage.css
@@ -57,7 +57,7 @@ body {
 }
 
 .main{
-	padding-block: 25px;
+	padding-block: 45px;
 	padding-inline: 150px;
 	display: flex;
 	flex-direction: row;
@@ -187,7 +187,7 @@ body {
 	padding: 0;
 	padding-inline: 50px;
 	display: flex;
-	gap: 2rem;
+	gap: 5rem;
 	align-items: center;
 	justify-content: center;
 	inset-inline: 0;
@@ -230,6 +230,7 @@ body {
 	display: flex;
 	align-items: flex-start;
 	justify-content: center;
+
 	width: 40%;
 	padding-top: 20px;
 }