diff --git a/gemp-lotr/gemp-lotr-async/src/main/java/com/gempukku/lotro/async/handler/StatusRequestHandler.java b/gemp-lotr/gemp-lotr-async/src/main/java/com/gempukku/lotro/async/handler/StatusRequestHandler.java
index c460b5ee0..51bd79f6d 100644
--- a/gemp-lotr/gemp-lotr-async/src/main/java/com/gempukku/lotro/async/handler/StatusRequestHandler.java
+++ b/gemp-lotr/gemp-lotr-async/src/main/java/com/gempukku/lotro/async/handler/StatusRequestHandler.java
@@ -34,7 +34,7 @@ public class StatusRequestHandler extends LotroServerRequestHandler implements U
             int week = 1000 * 60 * 60 * 24 * 7;
             sb.append("Tables count: ").append(_hallServer.getTablesCount()).append(", players in hall: ").append(_chatServer.getChatRoom("Game Hall").getUsersInRoom(false).size())
                     .append(", games played in last 24 hours: ").append(_gameHistoryService.getGamesPlayedCount(System.currentTimeMillis() - day, day))
-                    .append(",<br/> active players in last week: ").append(_gameHistoryService.getActivePlayersCount(System.currentTimeMillis() - week, week));
+                    .append(", active players in last week: ").append(_gameHistoryService.getActivePlayersCount(System.currentTimeMillis() - week, week));
 
             responseWriter.writeHtmlResponse(sb.toString());
         } else {
diff --git a/gemp-lotr/gemp-lotr-async/src/main/web/images/dwarrowdelf.jpg b/gemp-lotr/gemp-lotr-async/src/main/web/images/dwarrowdelf.jpg
new file mode 100644
index 000000000..6bcfa8911
Binary files /dev/null and b/gemp-lotr/gemp-lotr-async/src/main/web/images/dwarrowdelf.jpg differ
diff --git a/gemp-lotr/gemp-lotr-async/src/main/web/index.html b/gemp-lotr/gemp-lotr-async/src/main/web/index.html
index 7b41873c5..90d538fd3 100644
--- a/gemp-lotr/gemp-lotr-async/src/main/web/index.html
+++ b/gemp-lotr/gemp-lotr-async/src/main/web/index.html
@@ -5,14 +5,77 @@
     <title>Gemp-LotR</title>
 
     <style type="text/css">
+        html {
+            height: 100%;
+        }
         body {
-            font-size: 12px;
+            font-size: 100%;
+            height: 100%; 
+            background-image: url('images/dwarrowdelf.jpg'); 
+            background-size: auto 100%; 
+            background-repeat:no-repeat; 
+            background-position: center center;
+            overflow-x: hidden;
+            overflow-y: hidden;
         }
 
         .ui-button-text-only .ui-button-text {
             font-size: 70%;
             padding: .2em .5em;
         }
+        
+        .centerContainer {
+            margin: 0;
+            position: absolute;
+            top: 30%;
+            left: 50%;
+            width: 70%;
+            -ms-transform: translate(-50%, -50%);
+            transform: translate(-50%, -50%);
+        }
+        
+        .interaction {
+            margin: 0;
+            margin-left: auto;
+            margin-right: auto;
+        }
+        
+        .status {
+            margin: 0;
+            margin-left: auto;
+            margin-right: auto;
+        }
+        
+        h1 {
+            color:#f2541a; 
+            font-size: 500%
+        }
+        
+        .banner {
+            text-align: center; 
+            background-color: #444444CC; 
+            margin-bottom: 150px; 
+            width: 100vw;
+            margin-left: calc(-50vw + 50%);
+        }
+        
+        .login {
+            margin: 10px;
+            padding: 10px;
+            width: 90%;
+            position: absolute;
+            left: 50%;
+            -ms-transform: translate(-50%, -50%);
+            transform: translate(-50%, -50%);
+            font-size: 200%;
+            display:grid;
+            grid-row-gap: 10px;
+            background-color: #222200CC; 
+        }
+        
+        input {
+            font-size: 90%;
+        }
     </style>
 
     <link rel="stylesheet" type="text/css" href="css/dark-hive/jquery-ui-1.8.16.custom.css">
@@ -162,18 +225,21 @@
                         $(".status").append(html);
                     });
                 loginScreen();
-                $(".centerContainer").center();
             });
     </script>
 
 </head>
-<body bgcolor="#000000">
-<div style="float: left;height: 98%"><img src="images/troll-bak.png" height="98%"/></div>
-<div style="float: right;height: 98%"><img src="images/man-bak.png" height="98%"/></div>
-<div class="centerContainer">
-    <div class="status" style="color:#ffffff;"></div>
-    <div class="error" style="color: #ff0000;"></div>
-    <div class="interaction" style="color: #ffffff;"></div>
-</div>
+<body bgcolor="#000000" >
+    <div class="centerContainer">
+        <div class="banner">
+            <h1>GEMP: The LotR-TCG</h1>
+        </div>
+        <div class="login">
+            <div class="status" style="color:#ffffff; overflow:visible"></div>
+            <div class="error" style="color: #ff0000;"></div>
+            <div class="interaction" style="color: #ffffff;"></div>
+        </div>
+    </div>
+
 </body>
 </html>