diff --git a/css/main.css b/css/main.css
index 3cc6f56..37ca734 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1095,4 +1095,22 @@ display: block
 
 .cache-out-of-date {
     color: red;
-    }
\ No newline at end of file
+    }
+
+.user-text {
+    color: darkslateblue;
+}
+
+.inactive {
+  transform: rotate(12deg);
+	color: #555;
+	font-size: 3rem;
+	font-weight: 700;
+	border: 0.25rem solid #555;
+	display: inline-block;
+	padding: 0.25rem 1rem;
+	text-transform: uppercase;
+	border-radius: 1rem;
+	font-family: 'Courier';
+  mix-blend-mode: multiply;
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 5ddf58c..cc7017c 100644
--- a/index.html
+++ b/index.html
@@ -64,7 +64,7 @@
             <div id="options-panel" class="fullscreen-overlay">
                 <h1>RTS</h1>
                 <!-- <a href="#" id="overlay-close" class="close"></a> -->
-                <div id="user"></div>
+                <div id="user" class="user-text"></div>
                 <div id="packets">
                     <p>Available Packets (click to load):</p>
                     <span id="packet-list">
diff --git a/js/main.js b/js/main.js
index ce09307..8ebda26 100644
--- a/js/main.js
+++ b/js/main.js
@@ -148,7 +148,7 @@ async function loadExamList(data) {
 
   //Display user info if it exists
   if (data.hasOwnProperty("user") && data.user) {
-    $("#user").append(data.user);
+    $("#user").append(`User: ${data.user}`);
   }
 
 
@@ -191,6 +191,10 @@ async function loadExamList(data) {
       c = " session-completed";
     }
 
+    if (!exam.active) {
+      c = c + " inactive";
+    }
+
     let list;
     if (exam.type != undefined) {
       if ($(`#packet-list .${exam.type}`).length) {