diff --git a/website_example/index.html b/website_example/index.html
index 96ee1f6..f972663 100644
--- a/website_example/index.html
+++ b/website_example/index.html
@@ -25,51 +25,46 @@
 
     <!-- Navigation -->
     <div class="nav-side-menu">
-    <div class="brand"><a href="/"><span id="coinSymbol"></span> <span data-tkey="miningPool">Mining Pool</span></a></div>
-        <i data-lucide="menu" class="toggle-btn" data-toggle="collapse" data-target="#menu-content"></i>
-        <div class="menu-list">
-            <ul id="menu-content" class="menu-content collapsed out">
+        <div class="nav-shell">
+            <div class="brand"><a href="/"><span id="coinSymbol"></span> <span data-tkey="miningPool">Mining Pool</span></a></div>
+            <i data-lucide="menu" class="toggle-btn" data-toggle="collapse" data-target="#menu-content"></i>
+            <div class="menu-list">
+                <ul id="menu-content" class="menu-content collapsed out">
 
-                <li><a class="hot_link" data-page="home.html" href="#">
-                    <i data-lucide="house"></i> <span data-tkey="dashboard">Dashboard</span>
-                </a></li>
+                    <li><a class="hot_link" data-page="home.html" href="#">
+                        <i data-lucide="house"></i> <span data-tkey="dashboard">Dashboard</span>
+                    </a></li>
 
-                <li><a class="hot_link" data-page="worker_stats.html" href="#worker_stats">
-                    <i data-lucide="activity"></i> <span data-tkey="yourStats">Worker Statistics</span>
-                </a></li>
+                    <li><a class="hot_link" data-page="worker_stats.html" href="#worker_stats">
+                        <i data-lucide="activity"></i> <span data-tkey="yourStats">Worker Statistics</span>
+                    </a></li>
 
-                <li><a class="hot_link" data-page="getting_started.html" href="#getting_started">
-                    <i data-lucide="rocket"></i> <span data-tkey="gettingStarted">Getting Started</span>
-                </a></li>
+                    <li><a class="hot_link" data-page="getting_started.html" href="#getting_started">
+                        <i data-lucide="rocket"></i> <span data-tkey="gettingStarted">Getting Started</span>
+                    </a></li>
 
-                <li><a class="hot_link" data-page="pool_blocks.html" href="#pool_blocks">
-                    <i data-lucide="blocks"></i> <span data-tkey="poolBlocks">Pool Blocks</span>
-                </a></li>
+                    <li><a class="hot_link" data-page="pool_blocks.html" href="#pool_blocks">
+                        <i data-lucide="blocks"></i> <span data-tkey="poolBlocks">Pool Blocks</span>
+                    </a></li>
 
-                <li><a class="hot_link" data-page="dual_mm_blocks.html" href="#dual_mm_blocks">
-                    <i data-lucide="link-2"></i> Dual MM Blocks
-                </a></li>
-
-                <li><a class="hot_link" data-page="payments.html" href="#payments">
-                    <i data-lucide="wallet"></i> <span data-tkey="payments">Payments</span>
-                </a></li>
-
-                <li><a class="hot_link" data-page="top10miners.html" href="#top10miners">
-                    <i data-lucide="trophy"></i> <span data-tkey="top10miners">Top 10 miners</span>
-                </a></li>
-            </ul>
+                    <li><a class="hot_link" data-page="payments.html" href="#payments">
+                        <i data-lucide="wallet"></i> <span data-tkey="payments">Payments</span>
+                    </a></li>
+                </ul>
+            </div>
         </div>
-
     </div>
 
     <!-- Top Bar -->
     <div id="top-bar">
-        <div><span data-tkey="network">Network</span>: <strong><span id="g_networkHashrate"><span data-tkey="na">N/A</span></span></strong></div>
-        <div><span data-tkey="poolProp">Prop Pool</span>: <strong><span id="g_poolHashrate"><span data-tkey="na">N/A</span></span></strong></div>
-        <div><span data-tkey="poolSolo">Solo Pool</span>: <strong><span id="g_poolHashrateSolo"><span data-tkey="na">N/A</span></span></strong></div>
-        <div><span data-tkey="you">You</span>: <strong><span id="g_userHashrate"><span tkey="na">N/A</span></span></strong></div>
-        <div><span id="statsUpdated"><span data-tkey="statsUpdated">Stats Updated</span> &nbsp;</span></div>
-        <div id="langSelector"></div>
+        <div class="top-bar-shell">
+            <div><span data-tkey="network">Network</span>: <strong><span id="g_networkHashrate"><span data-tkey="na">N/A</span></span></strong></div>
+            <div><span data-tkey="poolProp">Prop Pool</span>: <strong><span id="g_poolHashrate"><span data-tkey="na">N/A</span></span></strong></div>
+            <div><span data-tkey="poolSolo">Solo Pool</span>: <strong><span id="g_poolHashrateSolo"><span data-tkey="na">N/A</span></span></strong></div>
+            <div><span data-tkey="you">You</span>: <strong><span id="g_userHashrate"><span tkey="na">N/A</span></span></strong></div>
+            <div><span id="statsUpdated"><span data-tkey="statsUpdated">Stats Updated</span> &nbsp;</span></div>
+            <div id="langSelector"></div>
+        </div>
     </div>
 
     <!-- Page content -->
diff --git a/website_example/themes/custom.css b/website_example/themes/custom.css
index 28ecf56..aeff5ef 100644
--- a/website_example/themes/custom.css
+++ b/website_example/themes/custom.css
@@ -355,7 +355,6 @@ footer a {
  }
 
 .nav-side-menu {
-  width: 250px;
   background:
     linear-gradient(180deg, rgba(8, 17, 24, 0.98), rgba(6, 13, 20, 0.98)),
     linear-gradient(135deg, rgba(76, 200, 255, 0.08), rgba(66, 245, 200, 0.08));
@@ -364,6 +363,13 @@ footer a {
   color: var(--text-main);
 }
 
+.nav-shell,
+.top-bar-shell {
+  width: 100%;
+  max-width: var(--content-max-width);
+  margin: 0 auto;
+}
+
 .nav-side-menu .brand {
   background:
     linear-gradient(135deg, rgba(66, 245, 200, 0.14), rgba(76, 200, 255, 0.12)),
@@ -407,9 +413,7 @@ footer a {
 .nav-side-menu li .active,
 .nav-side-menu li.active {
   border-left-color: var(--accent-mint);
-  background:
-    linear-gradient(90deg, rgba(66, 245, 200, 0.12), rgba(76, 200, 255, 0.08)),
-    rgba(255, 255, 255, 0.03);
+  background: transparent;
 }
 
 .nav-side-menu li:hover a,
@@ -843,14 +847,17 @@ footer a .lucide,
     top: 0;
     width: 100%;
     height: auto;
+    border-right: none;
+    border-bottom: 1px solid var(--line);
+    z-index: 1100;
+  }
+
+  .nav-shell {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 24px;
-    padding: 0 24px;
-    border-right: none;
-    border-bottom: 1px solid var(--line);
-    z-index: 1100;
+    padding: 0 34px;
   }
 
   .nav-side-menu .brand {
@@ -907,10 +914,13 @@ footer a .lucide,
     left: 0;
     right: 0;
     overflow: auto;
-    padding: 0 34px;
     z-index: 1000;
-    max-width: calc(var(--content-max-width) + 68px);
-    margin: 0 auto;
+  }
+
+  .top-bar-shell {
+    display: flex;
+    align-items: center;
+    padding: 0 34px;
   }
 
   #page-wrapper {