diff --git a/static/app.js b/static/app.js
index 58731e3..8f699ad 100644
--- a/static/app.js
+++ b/static/app.js
@@ -227,7 +227,7 @@ function showPlayOverlay(v) {
     const me = await api("/api/me");
     document.getElementById("me").textContent = "hi, " + me.user;
     const lo = document.getElementById("logout");
-    lo.style.display = ""; lo.onclick = async () => {
+    lo.onclick = async () => {
       await fetch(BASE + "logout", {method: "POST"}); location.href = BASE + "login";
     };
     const mb = document.getElementById("menubox");
diff --git a/static/index.html b/static/index.html
index b017b3b..ebc7aa9 100644
--- a/static/index.html
+++ b/static/index.html
@@ -13,10 +13,10 @@
     <input id="q" placeholder="search anime…" autocomplete="off">
   </form>
   <span id="me" class="muted"></span>
-  <button id="logout" class="tiny" style="display:none">logout</button>
   <div id="menubox" style="display:none">
     <button id="menu" class="tiny" aria-label="menu" aria-haspopup="true">☰</button>
     <div id="menu-items">
+      <button id="logout" class="tiny">logout</button>
       <button id="delacct" class="tiny danger">delete account</button>
     </div>
   </div>