diff --git a/public/css/style.css b/public/css/style.css
index db38a86..6c51be6 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -102,7 +102,7 @@ body{
 #sidebar{
   width:var(--sw);background:linear-gradient(180deg,#0f172a 0%,#1e293b 100%);
   color:white;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;
-  z-index:100;border-right:1px solid rgba(255,255,255,.06);
+  z-index:210;border-right:1px solid rgba(255,255,255,.06);
 }
 .sidebar-header{
   padding:18px 22px;font-size:16px;font-weight:700;display:flex;align-items:center;
diff --git a/public/js/app.js b/public/js/app.js
index 037b57a..1796417 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -85,7 +85,6 @@ const App = {
   },
 
   showPublic(page, param) {
-    document.getElementById('top-bar').classList.remove('hidden');
     document.getElementById('top-auth').classList.remove('hidden');
     document.getElementById('main-layout').classList.add('hidden');
     const pub = document.getElementById('public-page');
@@ -95,10 +94,10 @@ const App = {
   },
 
   showLayout() {
-    document.getElementById('top-bar').classList.add('hidden');
     document.getElementById('top-auth').classList.add('hidden');
     document.getElementById('public-page').classList.add('hidden');
     document.getElementById('main-layout').classList.remove('hidden');
+    document.getElementById('main-layout').classList.remove('hidden');
     const u = Auth.user();
     document.getElementById('user-info').innerHTML = `<div class="av">${(u.game_name||u.username).charAt(0).toUpperCase()}</div><div class="dt"><div class="nm">${u.game_name||u.username}</div><div class="rl">${U.ROLE[u.role]}</div></div>`;
   },