diff --git a/app/views/game.scala.html b/app/views/game.scala.html
index 08d5d2d..697ce69 100644
--- a/app/views/game.scala.html
+++ b/app/views/game.scala.html
@@ -2,9 +2,9 @@
 
 @main("Arkanoid Game") {
 
-    <div id="mobileMessage" style="display: none;">
-        <p><img src="/assets/images/image-casse-briques-mobile.png" alt="Capture d'écran du jeu casse-briques DéconstruIT"/></p>
-        <p>Le jeu de casse-briques DéconstruIT est disponible sur ordinateur seulement pour l'instant</p>
+    <div id="mobileMessage" style="display: none; width: 100%; height: 100vh; flex-direction: column; justify-content: center; align-items: center;">
+        <p style="width: 80%; max-width: 80vw;"><img src="/assets/images/image-casse-briques-mobile.png" alt="Capture d'écran du jeu casse-briques DéconstruIT" style="width: 100%; height: auto;"/></p>
+        <p style="text-align: center; padding: 20px;">Le jeu de casse-briques DéconstruIT est disponible sur ordinateur seulement pour l'instant</p>
     </div>
 
     <div id="gameContainer">
diff --git a/public/javascripts/device-detection.js b/public/javascripts/device-detection.js
index 8788d4a..f4649fc 100644
--- a/public/javascripts/device-detection.js
+++ b/public/javascripts/device-detection.js
@@ -10,7 +10,7 @@ function checkDeviceType() {
 
     if (isMobileDevice()) {
         gameContainer.style.display = 'none';
-        mobileMessage.style.display = 'block';
+        mobileMessage.style.display = 'flex';
     } else {
         gameContainer.style.display = 'block';
         mobileMessage.style.display = 'none';