diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index e4567a2..56d819c 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -344,44 +344,53 @@ function MobileNav({
           {/* CUSTOM: 3 middle tabs */}
           {resolvedMiddle.map((tab, i) => renderTab(tab, `mid-${tab.id}-${i}`))}
 
-          {/* FIXED: Profile / Login tab — always lands on Settings root */}
-          <Link
-            to="/settings"
-            onTouchStart={startPress}
-            onTouchEnd={cancelPress}
-            onTouchMove={cancelPress}
-            onContextMenu={(e) => {
-              e.preventDefault();
-              onCustomize();
-            }}
-            className={cn(
-              'relative flex flex-col items-center justify-center gap-0.5 py-1.5 px-1 rounded-xl transition-all duration-150 flex-1 touch-manipulation active:scale-90',
-              isActive('/settings') ? 'text-[#ff0040]' : 'text-gray-500'
-            )}
-          >
-            {isActive('/settings') && (
-              <span className="absolute top-0 left-1/2 -translate-x-1/2 w-1 h-1 rounded-full bg-[#ff0040]" />
-            )}
-            {isLoggedIn && userPubkey ? (
-              <div className="relative">
-                <Avatar className={cn(
-                  'h-[22px] w-[22px] border-2 transition-transform',
-                  isActive('/settings') ? 'border-[#ff0040] scale-110' : 'border-gray-600'
-                )}>
-                  <AvatarImage src={userAvatar} alt={userName} />
-                  <AvatarFallback className="bg-[#ff0040]/20 text-[#ff0040] text-[8px] font-bold">
-                    {(userName || '??').slice(0, 2).toUpperCase()}
-                  </AvatarFallback>
-                </Avatar>
-                <span className="absolute -bottom-0.5 -right-0.5 w-2 h-2 bg-green-500 border border-black rounded-full" />
-              </div>
-            ) : (
-              <User className="h-[22px] w-[22px]" />
-            )}
-            <span className="text-[9px] xs:text-[10px] font-semibold leading-tight tracking-wide uppercase">
-              {isLoggedIn ? 'Profile' : 'Log In'}
-            </span>
-          </Link>
+          {/* FIXED: Profile / Login tab.
+             Logged in  → your public profile (View Profile).
+             Logged out → Settings (login lives there).
+             Long-press / right-click still opens nav customization. */}
+          {(() => {
+            const profileHref = isLoggedIn && userPubkey ? `/${nip19.npubEncode(userPubkey)}` : '/settings';
+            const tabActive = isActive(profileHref);
+            return (
+              <Link
+                to={profileHref}
+                onTouchStart={startPress}
+                onTouchEnd={cancelPress}
+                onTouchMove={cancelPress}
+                onContextMenu={(e) => {
+                  e.preventDefault();
+                  onCustomize();
+                }}
+                className={cn(
+                  'relative flex flex-col items-center justify-center gap-0.5 py-1.5 px-1 rounded-xl transition-all duration-150 flex-1 touch-manipulation active:scale-90',
+                  tabActive ? 'text-[#ff0040]' : 'text-gray-500'
+                )}
+              >
+                {tabActive && (
+                  <span className="absolute top-0 left-1/2 -translate-x-1/2 w-1 h-1 rounded-full bg-[#ff0040]" />
+                )}
+                {isLoggedIn && userPubkey ? (
+                  <div className="relative">
+                    <Avatar className={cn(
+                      'h-[22px] w-[22px] border-2 transition-transform',
+                      tabActive ? 'border-[#ff0040] scale-110' : 'border-gray-600'
+                    )}>
+                      <AvatarImage src={userAvatar} alt={userName} />
+                      <AvatarFallback className="bg-[#ff0040]/20 text-[#ff0040] text-[8px] font-bold">
+                        {(userName || '??').slice(0, 2).toUpperCase()}
+                      </AvatarFallback>
+                    </Avatar>
+                    <span className="absolute -bottom-0.5 -right-0.5 w-2 h-2 bg-green-500 border border-black rounded-full" />
+                  </div>
+                ) : (
+                  <User className="h-[22px] w-[22px]" />
+                )}
+                <span className="text-[9px] xs:text-[10px] font-semibold leading-tight tracking-wide uppercase">
+                  {isLoggedIn ? 'Profile' : 'Log In'}
+                </span>
+              </Link>
+            );
+          })()}
         </div>
       </div>
     </nav>