diff --git a/core/client.js b/core/client.js
index acad4ae5..f237258c 100644
--- a/core/client.js
+++ b/core/client.js
@@ -191,8 +191,9 @@ class TfNavigationElement extends LitElement {
 								class="w3-bar-item w3-button w3-border"
 								id="logout"
 								@click=${self.logout}
-								>Logout ${this.credentials.session.name}</button
 							>
+								Logout ${this.credentials.session.name}
+							</button>
 						</div>
 					</div>
 				`;
@@ -203,15 +204,16 @@ class TfNavigationElement extends LitElement {
 				return html`
 					<link type="text/css" rel="stylesheet" href="/static/w3.css" />
 					<button
-						class="w3-bar-item w3-right w3-cyan"
+						class="w3-bar-item w3-button w3-right w3-cyan"
 						id="logout"
 						@click=${self.logout}
-						>Logout ${this.credentials.session.name}</button
 					>
+						Logout ${this.credentials.session.name}
+					</button>
 					<button
 						id="create_identity"
 						@click=${this.create_identity}
-						class="w3-button w3-mobile w3-cyan w3-right"
+						class="w3-button w3-mobile w3-red w3-right"
 					>
 						Create an Identity
 					</button>
@@ -222,8 +224,9 @@ class TfNavigationElement extends LitElement {
 						class="w3-bar-item w3-button w3-right w3-cyan"
 						id="logout"
 						@click=${self.logout}
-						>Logout ${this.credentials.session.name}</button
 					>
+						Logout ${this.credentials.session.name}
+					</button>
 				`;
 			}
 		} else {