diff --git a/src/judas_server/web/templates/panel.html b/src/judas_server/web/templates/panel.html
index 3985f63..144d651 100644
--- a/src/judas_server/web/templates/panel.html
+++ b/src/judas_server/web/templates/panel.html
@@ -27,11 +27,13 @@
 
         socket.on("connect", () => {
           console.log("Connected to server");
+          $("#no-connection-icon").hide();
           showNotify("Connected to server");
         });
 
         socket.on("disconnect", () => {
           console.log("Disconnected from server");
+          $("#no-connection-icon").show();
           showNotify("Disconnected from server");
         });
 
@@ -49,8 +51,13 @@
   <body>
     <div id="wrapper">
       <header>
-        <h1><a href="{{ url_for('index.index') }}">judas</a></h1>
-        <p><a class="button" href="{{ url_for('auth.logout') }}">Logout</a></p>
+        <h2><a href="{{ url_for('index.index') }}">judas</a></h2>
+        <p>
+          <span id="no-connection-icon" style="display: none">
+            <i class="fi fi-rr-link-slash"></i>
+          </span>
+          <a class="button" href="{{ url_for('auth.logout') }}">Logout</a>
+        </p>
       </header>
       <div id="notify"></div>
       <main>
