diff --git a/src/index.html b/src/index.html
index 7ef97d8..e2bee68 100644
--- a/src/index.html
+++ b/src/index.html
@@ -53,7 +53,7 @@
         <ul id="messages">
             <li><b>Rappel:</b> Tous les messages doivent parler de Denis !</li>
         </ul>
-        <input id="message-input" type="text" placeholder="Écrivez votre message sur Denis ici...">
+        <input id="message-input" type="text" placeholder="Écrivez votre message sur Denis ici..." autofocus>
         <img id="send" src="./images/send.png">
         <img id="close" src="./images/cross.png">
     </div>
diff --git a/src/script.js b/src/script.js
index 9017e24..694fb30 100644
--- a/src/script.js
+++ b/src/script.js
@@ -29,7 +29,7 @@ document.addEventListener("DOMContentLoaded", () => {
         });
 
         socket.on("new-message", (data) => {
-            
+
             if(data.author != username) {
                 document.getElementById("ringtone").play();
             }
@@ -70,6 +70,7 @@ const swiper = new Swiper('.swiper', {
 
 document.getElementById("chat-button").addEventListener("click", () => {
     document.getElementById("chat").style.display = "block";
+    document.getElementById("message-input").focus();
 });
 
 document.getElementById("close").addEventListener("click", () => {