diff --git a/htdocs/css/openwebrx.css b/htdocs/css/openwebrx.css
index d0214b82..2a094b25 100644
--- a/htdocs/css/openwebrx.css
+++ b/htdocs/css/openwebrx.css
@@ -1208,25 +1208,19 @@ img.openwebrx-mirror-img
 
 #openwebrx-panel-page-message .address {
     width: 120px;
-    font-weight: bold;
-    text-align: left;
-    color: #000;
+    text-align: center;
 }
 
 #openwebrx-panel-page-message .mode {
     width: 120px;
-    font-weight: normal;
     text-align: center;
-    color: #000;
 }
 
 #openwebrx-panel-page-message .timestamp {
     width: 346px;
     max-width: 486px;
-    font-weight: bold;
-    color: #000;
-    text-align: right;
     white-space: pre;
+    text-align: center;
 }
 
 #openwebrx-panel-page-message .message {
@@ -1265,7 +1259,7 @@ img.openwebrx-mirror-img
 
 #openwebrx-panel-hfdl-message .data {
     width: 326px;
-    text-align: left;
+    text-align: center;
 }
 
 #openwebrx-panel-hfdl-message .message {
@@ -1285,31 +1279,23 @@ img.openwebrx-mirror-img
 
 #openwebrx-panel-ism-message .address {
     width: 120px;
-    font-weight: bold;
-    text-align: left;
-    color: #000;
+    text-align: center;
 }
 
 #openwebrx-panel-ism-message .device {
     width: 160px;
-    font-weight: normal;
     text-align: center;
-    color: #000;
 }
 
 #openwebrx-panel-ism-message .timestamp {
     width: 306px;
     max-width: 486px;
-    font-weight: bold;
-    color: #000;
-    text-align: right;
     white-space: pre;
+    text-align: center;
 }
 
 #openwebrx-panel-ism-message .attr {
     width: 283px;
-    font-weight: normal;
-    text-align: right;
     padding-left: 10px;
     padding-right: 10px;
 }
diff --git a/htdocs/lib/MessagePanel.js b/htdocs/lib/MessagePanel.js
index e32d35e3..f9aeed15 100644
--- a/htdocs/lib/MessagePanel.js
+++ b/htdocs/lib/MessagePanel.js
@@ -285,7 +285,9 @@ PageMessagePanel.prototype.render = function() {
     $(this.el).append($(
         '<table>' +
             '<thead><tr>' +
-                '<th>Pager&nbsp;Messages</th>' +
+                '<th class="address">CapCode</th>' +
+                '<th class="mode">Mode</th>' +
+                '<th class="timestamp">Time</th>' +
             '</tr></thead>' +
             '<tbody></tbody>' +
         '</table>'
@@ -306,9 +308,9 @@ PageMessagePanel.prototype.pushMessage = function(msg) {
         '<tr>' +
             '<td class="address">' + msg.address + '</td>' +
             '<td class="mode">' + msg.mode + msg.baud + '</td>' +
-            '<td class="timestamp">' + msg.timestamp + '</td>' +
+            '<td class="timestamp" style="text-align:right;">' + msg.timestamp + '</td>' +
         '</tr>'
-    ).css('background-color', color));
+    ).css('background-color', color).css('color', '#000'));
 
     // Append message body (text)
     if (msg.hasOwnProperty('message')) {
@@ -373,7 +375,7 @@ HfdlMessagePanel.prototype.render = function() {
                 '<th class="timestamp">Time</th>' +
                 '<th class="flight">Flight</th>' +
                 '<th class="aircraft">Aircraft</th>' +
-                '<th class="position">Data</th>' +
+                '<th class="data">Data</th>' +
             '</tr></thead>' +
             '<tbody></tbody>' +
         '</table>'
@@ -404,7 +406,7 @@ HfdlMessagePanel.prototype.pushMessage = function(msg) {
             '<td class="timestamp">' + tstamp + '</td>' +
             '<td class="flight">' + this.linkify(flight) + '</td>' +
             '<td class="aircraft">' + this.linkify(aircraft) + '</td>' +
-            '<td class="data">' + data + '</td>' +
+            '<td class="data" style="text-align:left;">' + data + '</td>' +
         '</tr>'
     ).css('background-color', color).css('color', '#000'));
 
@@ -444,7 +446,9 @@ IsmMessagePanel.prototype.render = function() {
     $(this.el).append($(
         '<table>' +
             '<thead><tr>' +
-                '<th>Device&nbsp;Messages</th>' +
+                '<th class="address">ID</th>' +
+                '<th class="device">Device</th>' +
+                '<th class="timestamp">Time</th>' +
             '</tr></thead>' +
             '<tbody></tbody>' +
         '</table>'
@@ -473,9 +477,9 @@ IsmMessagePanel.prototype.pushMessage = function(msg) {
         '<tr>' +
             '<td class="address">' + address + '</td>' +
             '<td class="device">' + device + '</td>' +
-            '<td class="timestamp" colspan="2">' + tstamp + '</td>' +
+            '<td class="timestamp" style="text-align:right;" colspan="2">' + tstamp + '</td>' +
         '</tr>'
-    ).css('background-color', color));
+    ).css('background-color', color).css('color', '#000'));
 
     // Append attributes in pairs, skip basic information
     var last = null;