diff --git a/swa/app.js b/swa/app.js
index efa70ee..bd42902 100644
--- a/swa/app.js
+++ b/swa/app.js
@@ -187,7 +187,7 @@ for (const spec of SUPPORTED_SPECS) {
 // ── Sidebar section navigation ─────────────────────────────────────────────────
 
 const sidebar = document.getElementById('sidebar');
-const sidebarButtons = Array.from(sidebar.querySelectorAll('.sidebar-btn'));
+const sidebarButtons = Array.from(sidebar.querySelectorAll('.sidebar-btn[data-section]'));
 const contentSections = Array.from(document.querySelectorAll('main .section'));
 
 // Show one section group and mark its sidebar button active; hide the rest.
diff --git a/swa/index.html b/swa/index.html
index c627e3d..2137408 100644
--- a/swa/index.html
+++ b/swa/index.html
@@ -10,7 +10,6 @@
   <header>
     <div class="header-bar">
       <h1>Lobstr</h1>
-      <button id="info-btn" class="info-btn" aria-label="About">i</button>
     </div>
   </header>
 
@@ -113,6 +112,12 @@ <h2 id="relay-modal-name"></h2>
         <path d="M4 6h16M4 12h16M4 18h10" />
       </svg>
     </button>
+    <button type="button" id="info-btn" class="sidebar-btn sidebar-btn-foot" aria-label="About" title="About">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+        <circle cx="12" cy="12" r="9" />
+        <path d="M12 11v5M12 7.5h.01" />
+      </svg>
+    </button>
   </nav>
 
   <main>
diff --git a/swa/style.css b/swa/style.css
index d91c5e5..c5dce8a 100644
--- a/swa/style.css
+++ b/swa/style.css
@@ -50,26 +50,6 @@ header h1 {
   letter-spacing: -0.02em;
 }
 
-.info-btn {
-  width: 28px;
-  height: 28px;
-  border-radius: 50%;
-  border: 1.5px solid var(--border);
-  background: transparent;
-  color: var(--muted);
-  font-size: 0.8rem;
-  font-style: italic;
-  font-weight: 700;
-  padding: 0;
-  flex-shrink: 0;
-}
-
-.info-btn:hover {
-  border-color: var(--accent);
-  color: var(--accent);
-  background: transparent;
-}
-
 /* ── Modal ── */
 
 .modal-overlay {
@@ -337,6 +317,7 @@ body.login-modal-open {
   align-items: center;
   gap: 0.5rem;
   padding-top: 3.25rem;
+  padding-bottom: 0.5rem;
   background: var(--surface);
   border-right: 1px solid var(--border);
 }
@@ -380,6 +361,11 @@ body.signed-in .app-shell {
   height: 22px;
 }
 
+/* Pin the button to the foot of the rail. */
+.sidebar-btn-foot {
+  margin-top: auto;
+}
+
 main {
   flex: 1;
   min-width: 0;