diff --git a/css/main.css b/css/main.css
index 3d76a45..f864045 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1182,4 +1182,8 @@ select option:disabled {
     opacity: 30%;
     margin-left: -2em;
     position: absolute;
+}
+
+.invalid-login {
+    color: red;
 }
\ No newline at end of file
diff --git a/js/main.js b/js/main.js
index ff1a19c..c1928a1 100644
--- a/js/main.js
+++ b/js/main.js
@@ -143,7 +143,8 @@ async function retrievePacketList() {
         console.log(httpObj);
         if (httpObj.status == 401 || httpObj.status == 404) {
           $.notify("Unable to login", "error");
-          $("#options-panel").show()
+          $("#options-panel").show();
+          $("#candidate-details").addClass("invalid-login");
         }
       },
     })
@@ -452,7 +453,7 @@ async function loadPacketList(data) {
   $("#packet-list").empty();
 
   if (packet_json_id == undefined) {
-    $("#options-panel").toggle();
+    $("#options-panel").show();
     return
   }
   //console.log(packet_list)