From a76d53e6861596983ea6ec862b7dbf3e1d94ce4c Mon Sep 17 00:00:00 2001
From: lemon <lemonknowsall@gmail.com>
Date: Tue, 23 Jun 2026 08:53:37 -0700
Subject: [PATCH] =?UTF-8?q?Fix=20status=20bubble=20visibility=20=E2=80=94?=
 =?UTF-8?q?=20use=20top=20offset=20instead=20of=20bottom-full?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

bottom-full anchored the bubble above the avatar block's top edge, which
margin-collapses up into the banner, pushing the bubble off the visible
area. Position it with a top offset within the same coordinate space the
original used, lowered so its tail rests at the banner's bottom edge.
---
 src/components/profile/ProfileIdentityRail.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/profile/ProfileIdentityRail.tsx b/src/components/profile/ProfileIdentityRail.tsx
index cff3eb49..74ba9eb6 100644
--- a/src/components/profile/ProfileIdentityRail.tsx
+++ b/src/components/profile/ProfileIdentityRail.tsx
@@ -488,7 +488,7 @@ export function ProfileAvatarBlock({
           anchor the bubble's bottom there and let it grow upward into the
           banner. */}
       {status?.text && (
-        <div className="absolute bottom-full mb-1 left-[calc(8rem+8px)] z-10 max-w-[200px] animate-in fade-in slide-in-from-left-1 duration-300">
+        <div className="absolute top-9 left-[calc(8rem+8px)] z-10 max-w-[200px] animate-in fade-in slide-in-from-left-1 duration-300">
           <div className="relative bg-background/90 backdrop-blur-sm border border-border rounded-xl px-3 py-1.5 shadow-lg">
             <p className="text-xs text-foreground italic truncate">
               {status.url ? (