diff --git a/aircox/templates/aircox/widgets/nav.html b/aircox/templates/aircox/widgets/nav.html
index a6c7ae5..937226d 100644
--- a/aircox/templates/aircox/widgets/nav.html
+++ b/aircox/templates/aircox/widgets/nav.html
@@ -3,7 +3,7 @@
     <div class="dropdown-trigger">
         <button class="button square" aria-haspopup="true" aria-controls="dropdown-menu" type="button">
             <span class="icon">
-                <i class="fa fa-user" aria-hidden="true"></i>
+                <i class="fa-regular fa-user" aria-hidden="true" style="opacity: 0.6"></i>
             </span>
         </button>
     </div>
@@ -40,11 +40,16 @@
                 {% translate "Statistics" %}
             </a>
             {% endblock %}
-            <hr class="dropdown-divider" />
             {% endif %}
-            <a class="dropdown-item" href="{% url "logout" %}" data-force-reload="1">
-                {% translate "Disconnect" %}
-            </a>
+            {% if user.is_authenticated %}
+            <hr class="dropdown-divider" />
+            <form id="logout" action="{% url 'logout' %}" method="post">
+                    {% csrf_token %}
+                    <a class="dropdown-item" href="#" type="submit" onclick="document.getElementById('logout').submit();">
+                        {% translate "Disconnect" %}
+                    </a>
+            </form>
+            {% endif %}
         </div>
     </div>
 </div>