diff --git a/src/templates/debug/anon_matchmaking.html b/src/templates/debug/anon_matchmaking.html
index 01515fa..4bc553c 100644
--- a/src/templates/debug/anon_matchmaking.html
+++ b/src/templates/debug/anon_matchmaking.html
@@ -5,20 +5,55 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Matchmaking Debug</title>
     <style>
+        body {
+            background-color: #333;
+            color: #fff;
+            font-family: Arial, sans-serif;
+            margin: 0;
+            padding: 0;
+        }
+        h1, h2 {
+            color: #f2f2f2;
+        }
         table {
             border-collapse: collapse;
             width: 100%;
+            margin-top: 20px;
+            border-radius: 8px;
+            overflow: hidden;
+            background-color: #444;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
         }
         th, td {
-            border: 1px solid #dddddd;
+            border: 1px solid #555;
             text-align: left;
-            padding: 8px;
+            padding: 12px;
         }
         th {
-            background-color: #f2f2f2;
+            background-color: #333;
+        }
+        tr:nth-child(even) {
+            background-color: #555;
+        }
+        tr:hover {
+            background-color: #777;
+        }
+        ul {
+            padding: 0;
+            margin: 0;
+        }
+        li {
+            list-style-type: none;
         }
     </style>
     <meta http-equiv="refresh" content="4">
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+    <link rel="manifest" href="/site.webmanifest">
+    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#000000">
+    <meta name="msapplication-TileColor" content="#000000">
+    <meta name="theme-color" content="#ffffff">
 </head>
 <body>
     <h1>Matchmaking Debug Information</h1>
@@ -41,7 +76,11 @@
             <td>{{ lobby.id }}</td>
             <td>1</td>
             <td>
-                {{  lobby.nonHosts }}
+                <ul>
+                    {% for runner in lobby.nonHosts  %}
+                    <li>{{ runner.userId }}</li>
+                    {% endfor %}
+                </ul>
             </td>
             <td>{{ lobby.status }}</td>
         </tr>
diff --git a/src/templates/debug/matchmaking.html b/src/templates/debug/matchmaking.html
index 10530bf..dbe5e9b 100644
--- a/src/templates/debug/matchmaking.html
+++ b/src/templates/debug/matchmaking.html
@@ -5,17 +5,45 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Matchmaking Debug</title>
     <style>
+        body {
+            background-color: #333;
+            color: #fff;
+            font-family: Arial, sans-serif;
+            margin: 0;
+            padding: 0;
+        }
+        h1, h2 {
+            color: #f2f2f2;
+        }
         table {
             border-collapse: collapse;
             width: 100%;
+            margin-top: 20px;
+            border-radius: 8px;
+            overflow: hidden;
+            background-color: #444;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
         }
         th, td {
-            border: 1px solid #dddddd;
+            border: 1px solid #555;
             text-align: left;
-            padding: 8px;
+            padding: 12px;
         }
         th {
-            background-color: #f2f2f2;
+            background-color: #333;
+        }
+        tr:nth-child(even) {
+            background-color: #555;
+        }
+        tr:hover {
+            background-color: #777;
+        }
+        ul {
+            padding: 0;
+            margin: 0;
+        }
+        li {
+            list-style-type: none;
         }
     </style>
     <meta http-equiv="refresh" content="4">
@@ -46,7 +74,7 @@
         {% for lobby in lobby_data %}
         <tr>
             <td>{{ lobby.id }}</td>
-            <td>1</td>
+            <td>{{ lobby.host }}</td>
             <td>
                 <ul>
                     {% for runner in lobby.nonHosts  %}
