diff --git a/src/components/layout/Navbar.vue b/src/components/layout/Navbar.vue
index b1a6cee..b2ad46a 100644
--- a/src/components/layout/Navbar.vue
+++ b/src/components/layout/Navbar.vue
@@ -265,10 +265,13 @@ const handleLogout = async () => {
             </div>
 
             <!-- Mobile Wallet Balance -->
-            <div class="flex items-center gap-2 px-2 py-1 bg-muted/50 rounded-lg">
+            <button
+              @click="() => { router.push('/wallet'); isOpen = false }"
+              class="flex items-center gap-2 px-2 py-1 bg-muted/50 rounded-lg hover:bg-muted/70 transition-colors w-full text-left"
+            >
               <Wallet class="h-4 w-4 text-muted-foreground" />
               <CurrencyDisplay :balance-msat="totalBalance" />
-            </div>
+            </button>
 
             <div class="space-y-1">
               <Button variant="ghost" size="sm" @click="openProfileDialog" class="w-full justify-start gap-2">