diff --git a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/app.js b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/app.js
index 5d16587..88246f2 100644
--- a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/app.js
+++ b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/app.js
@@ -174,14 +174,14 @@ function updateAuthUI() {
   }
 
   if (authRole) {
-    badge.style.display = "block";
-    badgeRole.textContent = authRole === "control" ? "Control (full access)" : "RX (read-only)";
+    if (badge) badge.style.display = "block";
+    if (badgeRole) badgeRole.textContent = authRole === "control" ? "Control (full access)" : "RX (read-only)";
     if (headerAuthBtn) {
       headerAuthBtn.textContent = "Logout";
       headerAuthBtn.style.display = "block";
     }
   } else {
-    badge.style.display = "none";
+    if (badge) badge.style.display = "none";
     if (headerAuthBtn) {
       headerAuthBtn.textContent = "Login";
       headerAuthBtn.style.display = "block";
diff --git a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/index.html b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/index.html
index 36d694b..4aafac9 100644
--- a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/index.html
+++ b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/index.html
@@ -1408,8 +1408,8 @@
       </div>
     </div>
     <div id="tab-about" class="tab-panel" style="display:none;">
-      <template id="tmpl-about">
       <div id="auth-badge" style="display:none; margin-bottom: 1rem; padding: 0.5rem; background: var(--bg-secondary); border-radius: 0.25rem; color: var(--text-muted); font-size: 0.85rem;">Authenticated as: <strong id="auth-role-badge">--</strong></div>
+      <template id="tmpl-about">
       <div class="sub-tab-bar">
         <button class="sub-tab active" data-subtab="about-server">Server</button>
         <button class="sub-tab" data-subtab="about-client">Client</button>