diff --git a/js/pages/chat.js b/js/pages/chat.js
index c195280..57aabed 100644
--- a/js/pages/chat.js
+++ b/js/pages/chat.js
@@ -6,7 +6,7 @@ function ChatPage(params, container) {
 
   var html =
     '<div id="ChatController">' +
-      '<div id="chat-output" style="height:600px" class="Output scrollable"></div>' +
+      '<div id="chat-output" style="height:600px" class="Output scrollable text-white-50">Loading…</div>' +
       '<form id="chat-form">' +
         '<input id="chat-input" class="form-control" style="width:100%" placeholder="Type a message...">' +
       '</form>' +
@@ -15,8 +15,10 @@ function ChatPage(params, container) {
 
   var outputEl = document.getElementById('chat-output');
   var inputEl = document.getElementById('chat-input');
+  var firstMessage = true;
 
   function addMessage(msg) {
+    if (firstMessage) { outputEl.innerHTML = ''; outputEl.classList.remove('text-white-50'); firstMessage = false; }
     var div = document.createElement('div');
     var t = new Date((msg.Time || 0) * 1000);
     var timeStr = t.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
diff --git a/js/pages/console.js b/js/pages/console.js
index 6b12434..1a1e569 100644
--- a/js/pages/console.js
+++ b/js/pages/console.js
@@ -4,7 +4,7 @@
 function ConsolePage(params, container) {
   var html =
     '<div id="ConsoleController">' +
-      '<div id="console-output" style="height:600px" class="Output scrollable"></div>' +
+      '<div id="console-output" style="height:600px" class="Output scrollable text-white-50">Loading…</div>' +
       '<form id="console-form">' +
         '<input type="text" id="console-input" class="form-control" autocomplete="off">' +
       '</form>' +
@@ -15,8 +15,10 @@ function ConsolePage(params, container) {
   var inputEl = document.getElementById('console-input');
   var commandHistory = [];
   var historyIndex = 0;
+  var firstOutput = true;
 
   function addOutput(msg) {
+    if (firstOutput) { outputEl.innerHTML = ''; outputEl.classList.remove('text-white-50'); firstOutput = false; }
     var div = document.createElement('div');
     div.className = msg.Type;
     div.textContent = stripHtml(msg.Message);
diff --git a/js/pages/playerInfo.js b/js/pages/playerInfo.js
index 1eb9cb7..7108476 100644
--- a/js/pages/playerInfo.js
+++ b/js/pages/playerInfo.js
@@ -22,7 +22,7 @@ function PlayerInfoPage(params, container) {
           '<h2 class="text-center">Info</h2>' +
           '<div id="pi-notfound" class="alert alert-warning" style="display:none">This Player is currently not connected to this server!</div>' +
         '</div>' +
-        '<div id="pi-fields" class="col-sm-12"></div>' +
+        '<div id="pi-fields" class="col-sm-12"><span class="text-white-50">Loading…</span></div>' +
       '</div>' +
     '</div>';
   container.innerHTML = html;
diff --git a/js/pages/playerlist.js b/js/pages/playerlist.js
index 2667f41..19c805a 100644
--- a/js/pages/playerlist.js
+++ b/js/pages/playerlist.js
@@ -29,7 +29,7 @@ function PlayerListPage(params, container) {
                   '<th class="sortable text-end" data-field="ConnectedSeconds">Duration</th>' +
                 '</tr>' +
               '</thead>' +
-              '<tbody id="player-tbody"></tbody>' +
+              '<tbody id="player-tbody"><tr><td colspan="7" class="text-center text-white-50">Loading…</td></tr></tbody>' +
             '</table>' +
           '</div>' +
         '</div>' +
diff --git a/js/pages/serverInfo.js b/js/pages/serverInfo.js
index 5c43526..7c71557 100644
--- a/js/pages/serverInfo.js
+++ b/js/pages/serverInfo.js
@@ -9,7 +9,7 @@ function ServerInfoPage(params, container) {
     '<div id="ServerInfoController">' +
       '<div class="row">' +
         '<div class="col-sm-12"><h2 id="si-hostname">Server Info</h2></div>' +
-        '<div id="si-fields" class="col-sm-12"></div>' +
+        '<div id="si-fields" class="col-sm-12"><span class="text-white-50">Loading…</span></div>' +
       '</div>' +
       '<div class="row">' +
         '<div class="col-sm-12">' +