diff --git a/webterm/static/js/terminal.ts b/webterm/static/js/terminal.ts
index ff7e406..05a7f46 100644
--- a/webterm/static/js/terminal.ts
+++ b/webterm/static/js/terminal.ts
@@ -3470,6 +3470,7 @@ class WebTerminal {
     const keysPanel = document.createElement("div");
     keysPanel.className = "keybar-panel keybar-keys";
     keysPanel.innerHTML = `
+      <button class="keybar-settings" title="Settings">⚙</button>
       <button data-modifier="fn" title="Fn modifier">Fn</button>
       <button data-key="\\x09" title="Tab">Tab</button>
       <button data-key="\\x1b[D" title="Left arrow">←</button>
@@ -3477,7 +3478,6 @@ class WebTerminal {
       <button data-key="\\x1b[A" title="Up arrow">↑</button>
       <button data-key="\\x1b[C" title="Right arrow">→</button>
       <span class="keybar-label keybar-label-grow">Bar</span>
-      <button class="keybar-settings" title="Settings">⚙</button>
       <button class="keybar-hide" title="Hide keyboard">⌄</button>
     `;