diff --git a/client/config/globals.js b/client/config/globals.js
index db15ade..ea4eb80 100644
--- a/client/config/globals.js
+++ b/client/config/globals.js
@@ -28,10 +28,15 @@ export const globals = {
     USER_TYPES: {
         MODERATOR: "moderator",
         PLAYER: "player",
-        TEMPORARY_MODERATOR: "temporary moderator"
+        TEMPORARY_MODERATOR: "player / temp mod"
     },
     ENVIRONMENT: {
         LOCAL: "local",
         PRODUCTION: "production"
+    },
+    USER_TYPE_ICONS: {
+        PLAYER: ' \uD83C\uDFAE',
+        MODERATOR: ' \uD83D\uDC51',
+        TEMP_MOD: ' \uD83C\uDFAE\uD83D\uDC51'
     }
 };
diff --git a/client/modules/GameStateRenderer.js b/client/modules/GameStateRenderer.js
index 95af8c0..5a2725b 100644
--- a/client/modules/GameStateRenderer.js
+++ b/client/modules/GameStateRenderer.js
@@ -11,7 +11,10 @@ export class GameStateRenderer {
         document.querySelectorAll('.lobby-player').forEach((el) => el.remove())
         let lobbyPlayersContainer = document.getElementById("lobby-players");
         if (this.gameState.userType !== globals.USER_TYPES.MODERATOR) {
-            renderClient(this.gameState.client, lobbyPlayersContainer);
+            let modEl = document.createElement("div");
+            modEl.innerText = this.gameState.moderator.name;
+            modEl.classList.add('lobby-player');
+            lobbyPlayersContainer.appendChild(modEl);
         }
         for (let person of this.gameState.people) {
             let personEl = document.createElement("div");
@@ -26,7 +29,7 @@ export class GameStateRenderer {
             playerCount = 1 + this.gameState.people.length;
         }
         document.querySelector("label[for='lobby-players']").innerText =
-            "Players ( " + playerCount + " / " + getGameSize(this.gameState.deck) + " )";
+            "Other People ( " + playerCount + " )";
     }
 
     renderLobbyHeader() {
@@ -47,15 +50,6 @@ export class GameStateRenderer {
         let copyImg = document.createElement("img");
         copyImg.setAttribute("src", "../images/copy.svg");
         gameLinkContainer.appendChild(copyImg);
-
-        let moderatorContainer = document.getElementById("moderator");
-        let text, modClass;
-        if (this.gameState.userType === globals.USER_TYPES.MODERATOR || this.gameState.userType === globals.USER_TYPES.TEMPORARY_MODERATOR) {
-            moderatorContainer.innerText = this.gameState.moderator.name + " (you)";
-            moderatorContainer.classList.add('moderator-client');
-        } else {
-            moderatorContainer.innerText = this.gameState.moderator.name;
-        }
     }
 
     renderLobbyFooter() {
@@ -105,8 +99,9 @@ export class GameStateRenderer {
     }
 }
 
-function renderClient(client, container) {
-    let clientEl = document.createElement("div");
+function renderLobbyPlayer(name, userType) {
+    let el = document.createElement("div");
+    el.innerHTML = ""
     clientEl.innerText = client.name + ' (you)';
     clientEl.classList.add('lobby-player');
     clientEl.classList.add('lobby-player-client');
diff --git a/client/modules/Templates.js b/client/modules/Templates.js
index 87f44b0..dcdf771 100644
--- a/client/modules/Templates.js
+++ b/client/modules/Templates.js
@@ -7,14 +7,10 @@ export const templates = {
         "</div>" +
         "<div id='game-time'></div>" +
         "<div id='game-player-count'></div>" +
-        "<div>" +
-            "<label for='moderator'>Moderator</label>" +
-            "<div id='moderator'></div>" +
-        "</div>" +
     "</div>" +
     "<div>" +
         "<div>" +
-            "<label for='lobby-players'>Players</label>" +
+            "<label for='lobby-players'>Other People</label>" +
             "<div id='lobby-players'></div>" +
         "</div>" +
         "<div id='lobby-footer'>" +
diff --git a/client/scripts/game.js b/client/scripts/game.js
index 4d9ecad..1d0035a 100644
--- a/client/scripts/game.js
+++ b/client/scripts/game.js
@@ -38,6 +38,7 @@ function prepareGamePage(environment, socket, timerWorker) {
                     gameTimerManager = new GameTimerManager();
                 }
                 setClientSocketHandlers(gameStateRenderer, socket, timerWorker, gameTimerManager);
+                displayClientInfo(gameState.client.name, gameState.userType);
                 processGameState(gameState, userId, socket, gameStateRenderer);
             }
         });
@@ -87,6 +88,19 @@ function processGameState (gameState, userId, socket, gameStateRenderer) {
     }
 }
 
+function displayClientInfo(name, userType) {
+    document.getElementById("client-name").innerText = name;
+    document.getElementById("client-user-type").innerText = userType;
+
+    if (userType === globals.USER_TYPES.MODERATOR) {
+        document.getElementById("client-user-type").innerText += globals.USER_TYPE_ICONS.MODERATOR;
+    } else if (userType === globals.USER_TYPES.PLAYER) {
+        document.getElementById("client-user-type").innerText += globals.USER_TYPE_ICONS.PLAYER;
+    } else if (userType === globals.USER_TYPES.TEMPORARY_MODERATOR) {
+        document.getElementById("client-user-type").innerText += globals.USER_TYPE_ICONS.TEMP_MOD;
+    }
+}
+
 function setClientSocketHandlers(gameStateRenderer, socket, timerWorker, gameTimerManager) {
     if (!socket.hasListeners(globals.EVENTS.PLAYER_JOINED)) {
         socket.on(globals.EVENTS.PLAYER_JOINED, (player, gameIsFull) => {
diff --git a/client/styles/game.css b/client/styles/game.css
index b92f85c..f284138 100644
--- a/client/styles/game.css
+++ b/client/styles/game.css
@@ -181,6 +181,37 @@ h1 {
     margin: 0 auto;
 }
 
+#client-container {
+    max-width: 30em;
+}
+
+#client {
+    padding: 5px 10px;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: space-between;
+    background-color: #333243;
+    border-radius: 3px;
+}
+
+#client-name {
+    color: whitesmoke;
+    font-family: 'diavlo', sans-serif;
+    font-size: 37px;
+}
+
+#client-user-type {
+    color: #21ba45;
+    font-family: 'signika-negative', sans-serif;
+    font-size: 25px;
+    background-color: black;
+    border-radius: 3px;
+    display: block;
+    padding: 0 5px;
+    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
+}
+
 label[for='moderator'] {
     font-family: 'diavlo', sans-serif;
     color: lightgray;
diff --git a/client/views/game.html b/client/views/game.html
index c63ab65..9cfbb4e 100644
--- a/client/views/game.html
+++ b/client/views/game.html
@@ -23,6 +23,13 @@
     <a href="/">Home</a>
 </div>
 <div id="game-title"></div>
+<div id="client-container" class="container">
+    <label for="client">You</label>
+    <div id="client">
+        <div id="client-name"></div>
+        <div id="client-user-type"></div>
+    </div>
+</div>
 <div class="container" id="game-state-container"></div>
 <script type="module">
     import { game } from "../scripts/game.js";
diff --git a/server/config/globals.js b/server/config/globals.js
index 638df4d..e1b72ae 100644
--- a/server/config/globals.js
+++ b/server/config/globals.js
@@ -18,7 +18,7 @@ const globals = {
     USER_TYPES: {
         MODERATOR: "moderator",
         PLAYER: "player",
-        TEMPORARY_MODERATOR: "temporary moderator"
+        TEMPORARY_MODERATOR: "player / temp mod"
     },
     ERROR_MESSAGE: {
         GAME_IS_FULL: "This game is full"