From 085ab9de7674e5d05121e9b2e65dcd4df22a1699 Mon Sep 17 00:00:00 2001
From: "xan.lol" <xan@xan.lol>
Date: Tue, 29 Sep 2026 01:29:11 -0700
Subject: [PATCH] left align focused post profile hover cards

---
 src/components/ProfileHoverCard/index.web.tsx          | 1 +
 src/components/ProfileHoverCard/types.ts               | 1 +
 src/screens/PostThread/components/ThreadItemAnchor.tsx | 5 ++++-
 3 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/ProfileHoverCard/index.web.tsx b/src/components/ProfileHoverCard/index.web.tsx
index fa0366363..9e9f59b5e 100644
--- a/src/components/ProfileHoverCard/index.web.tsx
+++ b/src/components/ProfileHoverCard/index.web.tsx
@@ -351,6 +351,7 @@ export function ProfileHoverCardInner(props: ProfileHoverCardProps) {
 
   const {refs, floatingStyles, isPositioned} = useFloating({
     open: isVisible,
+    placement: props.align === 'start' ? 'bottom-start' : 'bottom',
     middleware: floatingMiddlewares,
     whileElementsMounted: autoUpdate,
   })
diff --git a/src/components/ProfileHoverCard/types.ts b/src/components/ProfileHoverCard/types.ts
index 53513c695..7bf368bab 100644
--- a/src/components/ProfileHoverCard/types.ts
+++ b/src/components/ProfileHoverCard/types.ts
@@ -5,4 +5,5 @@ export type ProfileHoverCardProps = ViewStyleProp & {
   did: string
   disable?: boolean
   inline?: boolean
+  align?: 'center' | 'start'
 }
diff --git a/src/screens/PostThread/components/ThreadItemAnchor.tsx b/src/screens/PostThread/components/ThreadItemAnchor.tsx
index 23f62caf0..b0be7c910 100644
--- a/src/screens/PostThread/components/ThreadItemAnchor.tsx
+++ b/src/screens/PostThread/components/ThreadItemAnchor.tsx
@@ -454,7 +454,10 @@ const ThreadItemAnchorInner = memo(function ThreadItemAnchorInner({
                   a.align_start,
                   hideDisplayNames && a.justify_center,
                 ]}>
-                <ProfileHoverCard did={post.author.did} style={[a.w_full]}>
+                <ProfileHoverCard
+                  did={post.author.did}
+                  align="start"
+                  style={[a.w_full]}>
                   <View
                     style={[
                       a.flex_row,
-- 
2.51.2