diff --git a/frontends/etiquette_flask/static/css/etiquette.css b/frontends/etiquette_flask/static/css/etiquette.css
index bd05d78..1ed6bec 100644
--- a/frontends/etiquette_flask/static/css/etiquette.css
+++ b/frontends/etiquette_flask/static/css/etiquette.css
@@ -27,6 +27,11 @@ p:last-of-type
     margin-bottom: 0;
 }
 
+#header #logout_button
+{
+    color: var(--color_text_link);
+}
+
 .header_element:hover
 {
     background-color: var(--color_secondary);
diff --git a/frontends/etiquette_flask/templates/header.html b/frontends/etiquette_flask/templates/header.html
index 406f628..54ab064 100644
--- a/frontends/etiquette_flask/templates/header.html
+++ b/frontends/etiquette_flask/templates/header.html
@@ -5,7 +5,7 @@
     <a class="header_element" href="/tags">Tags</a>
     {% if session.user %}
     <a class="header_element dynamic_user_display_name" href="/user/{{session.user.username}}">{{session.user.display_name}}</a>
-    <button class="header_element" onclick="return api.users.logout(common.refresh);" style="flex:0">Logout</button>
+    <button id="logout_button" class="header_element" onclick="return api.users.logout(common.refresh);" style="flex:0">Logout</button>
     {% else %}
     <a class="header_element" href="/login">Log in</a>
     {% endif %}