diff --git a/static/common.js b/static/common.js
index 95773de..48539b8 100644
--- a/static/common.js
+++ b/static/common.js
@@ -10,6 +10,10 @@ async function loadConfig() {
     if (brand) brand.textContent = cfg.club_name;
     document.title = document.title.replace('ClubLedger', cfg.club_name);
     document.querySelectorAll('.currency-unit').forEach(el => { el.textContent = cfg.currency_unit; });
+    const barLabel = document.getElementById('navBarLabel');
+    if (barLabel && cfg.bar_name) barLabel.textContent = cfg.bar_name;
+    const cashierLabel = document.getElementById('navCashierLabel');
+    if (cashierLabel && cfg.cashier_name) cashierLabel.textContent = cfg.cashier_name;
   } catch (e) { /* use defaults */ }
 }
 
diff --git a/static/index.html b/static/index.html
index 4900cc4..c78b1fa 100644
--- a/static/index.html
+++ b/static/index.html
@@ -37,10 +37,10 @@
       <span class="material-symbols-outlined nav-icon">group</span>Members
     </button>
     <button class="nav-btn" data-view="cashier">
-      <span class="material-symbols-outlined nav-icon">universal_currency_alt</span>Cashier
+      <span class="material-symbols-outlined nav-icon">universal_currency_alt</span><span id="navCashierLabel">Cashier</span>
     </button>
     <button class="nav-btn" data-view="bar">
-      <span class="material-symbols-outlined nav-icon">point_of_sale</span>Bar
+      <span class="material-symbols-outlined nav-icon">point_of_sale</span><span id="navBarLabel">Bar</span>
     </button>
     <button class="nav-btn hidden" data-view="admin" id="adminTabBtn">
       <span class="material-symbols-outlined nav-icon">settings_applications</span>Admin