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 8b6abd5..4e48520 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
@@ -58,11 +58,13 @@ function showAuthGate() {
   document.getElementById("loading").style.display = "none";
   document.getElementById("content").style.display = "none";
   document.getElementById("auth-gate").style.display = "block";
+  document.getElementById("tab-bar").style.display = "none";
 }
 
 function hideAuthGate() {
   document.getElementById("auth-gate").style.display = "none";
   document.getElementById("loading").style.display = "block";
+  document.getElementById("tab-bar").style.display = "";
 }
 
 function showAuthError(msg) {
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 a7643ad..f539307 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
@@ -39,7 +39,7 @@
       <div id="auth-error" style="color: #ff6b6b; font-size: 0.9rem; margin-top: 1rem; display: none;"></div>
       <div id="auth-role" style="margin-top: 1rem; color: var(--text-muted); font-size: 0.85rem; display: none;"></div>
     </div>
-    <div class="tab-bar">
+    <div class="tab-bar" style="display:none;" id="tab-bar">
       <button class="tab active" data-tab="main">Main</button>
       <button class="tab" data-tab="plugins">Plugins</button>
       <button class="tab" data-tab="about">About</button>