From b76264b4a75e8133a087f96b2a558ce656102c33 Mon Sep 17 00:00:00 2001
From: Owolabenjade <owolabenjade@gmail.com>
Date: Thu, 27 Aug 2026 18:11:07 +0100
Subject: [PATCH] fix(web): fix #1057 mobile navigation identity confirmation

---
 apps/web/components/Nav.tsx | 23 ++++++++++++++---------
 1 file changed, 14 insertions(+), 9 deletions(-)

diff --git a/apps/web/components/Nav.tsx b/apps/web/components/Nav.tsx
index 498b1dd..bd4ee03 100644
--- a/apps/web/components/Nav.tsx
+++ b/apps/web/components/Nav.tsx
@@ -39,15 +39,20 @@ export function Nav() {
         <div className="flex items-center gap-4 text-sm">
           {user ? (
             <>
-              {user.role === 'importer' ? (
-                <Link href="/app" className="text-foreground hover:text-accent">
-                  Bond dashboard
-                </Link>
-              ) : (
-                <Link href="/surety" className="text-foreground hover:text-accent">
-                  Surety admin
-                </Link>
-              )}
+              <div className="flex flex-col items-start leading-tight">
+                {user.role === 'importer' ? (
+                  <Link href="/app" className="text-foreground hover:text-accent">
+                    Bond dashboard
+                  </Link>
+                ) : (
+                  <Link href="/surety" className="text-foreground hover:text-accent">
+                    Surety admin
+                  </Link>
+                )}
+                <span className="text-[11px] text-muted sm:hidden max-w-[130px] truncate" title={user.email}>
+                  {user.email}
+                </span>
+              </div>
               <span className="hidden sm:inline text-muted">{user.email}</span>
               <button
                 onClick={logout}