From 7286d5b1d84e7f30e71805e0166d7b73778d3dc3 Mon Sep 17 00:00:00 2001
From: ThaUnknown <6506529+ThaUnknown@users.noreply.github.com>
Date: Tue, 14 Apr 2026 22:45:28 +0200
Subject: [PATCH] fix: avatar positioning in event timeline

---
 .../issues/detail/issue-detail-activity.tsx        | 10 +++++-----
 .../pulls/detail/pull-detail-activity.tsx          | 14 +++++++-------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/apps/dashboard/src/components/issues/detail/issue-detail-activity.tsx b/apps/dashboard/src/components/issues/detail/issue-detail-activity.tsx
index 5ed9d06..b6219b6 100644
--- a/apps/dashboard/src/components/issues/detail/issue-detail-activity.tsx
+++ b/apps/dashboard/src/components/issues/detail/issue-detail-activity.tsx
@@ -427,10 +427,10 @@ export function IssueDetailActivitySection({
 											<img
 												src={group.actor?.avatarUrl}
 												alt={group.actor?.login}
-												className="size-5 shrink-0 rounded-full border border-border"
+												className="size-5 shrink-0 rounded-full border border-border self-start"
 											/>
 										) : (
-											<div className="flex size-5 shrink-0 items-center justify-center rounded-full border border-border bg-surface-1">
+											<div className="flex size-5 shrink-0 items-center justify-center rounded-full border border-border bg-surface-1 self-start">
 												{icon}
 											</div>
 										)}
@@ -475,10 +475,10 @@ export function IssueDetailActivitySection({
 										<img
 											src={event.actor?.avatarUrl}
 											alt={event.actor?.login}
-											className="size-5 shrink-0 rounded-full border border-border"
+											className="size-5 shrink-0 rounded-full border border-border self-start"
 										/>
 									) : (
-										<div className="flex size-5 shrink-0 items-center justify-center rounded-full border border-border bg-surface-1">
+										<div className="flex size-5 shrink-0 items-center justify-center rounded-full border border-border bg-surface-1 self-start">
 											{icon}
 										</div>
 									)}
@@ -859,7 +859,7 @@ function ActorMention({
 				<img
 					src={actor.avatarUrl}
 					alt={login}
-					className="inline-block size-3.5 rounded-full border border-border align-text-bottom self-start"
+					className="inline-block size-3.5 rounded-full border border-border align-text-bottom"
 				/>
 			)}
 			{login}
diff --git a/apps/dashboard/src/components/pulls/detail/pull-detail-activity.tsx b/apps/dashboard/src/components/pulls/detail/pull-detail-activity.tsx
index a61f7b7..243b617 100644
--- a/apps/dashboard/src/components/pulls/detail/pull-detail-activity.tsx
+++ b/apps/dashboard/src/components/pulls/detail/pull-detail-activity.tsx
@@ -1643,7 +1643,7 @@ function ActivityTimeline({
 									<img
 										src={commit.author.avatarUrl}
 										alt={commit.author.login}
-										className="size-5 shrink-0 rounded-full border border-border"
+										className="size-5 shrink-0 rounded-full border border-border self-start"
 									/>
 								) : (
 									<div className="size-5 shrink-0 rounded-full bg-surface-2" />
@@ -1678,7 +1678,7 @@ function ActivityTimeline({
 									<img
 										src={mergedPr.mergedBy.avatarUrl}
 										alt={mergedPr.mergedBy.login}
-										className="size-5 shrink-0 rounded-full border border-border"
+										className="size-5 shrink-0 rounded-full border border-border self-start"
 									/>
 								) : (
 									<div className="size-5 shrink-0 rounded-full bg-surface-2" />
@@ -1741,10 +1741,10 @@ function ActivityTimeline({
 									<img
 										src={group.actor?.avatarUrl}
 										alt={group.actor?.login}
-										className="size-5 shrink-0 rounded-full border border-border"
+										className="size-5 shrink-0 rounded-full border border-border self-start"
 									/>
 								) : (
-									<div className="flex size-5 shrink-0 items-center justify-center rounded-full border border-border bg-surface-1">
+									<div className="flex size-5 shrink-0 items-center justify-center rounded-full border border-border bg-surface-1 self-start">
 										{icon}
 									</div>
 								)}
@@ -1966,10 +1966,10 @@ function TimelineEventRow({
 				<img
 					src={event.actor?.avatarUrl}
 					alt={event.actor?.login}
-					className="size-5 shrink-0 rounded-full border border-border"
+					className="size-5 shrink-0 rounded-full border border-border self-start"
 				/>
 			) : (
-				<div className="flex size-5 shrink-0 items-center justify-center rounded-full border border-border bg-surface-1">
+				<div className="flex size-5 shrink-0 items-center justify-center rounded-full border border-border bg-surface-1 self-start">
 					{icon}
 				</div>
 			)}
@@ -2684,7 +2684,7 @@ function ActorMention({
 				<img
 					src={actor.avatarUrl}
 					alt={login}
-					className="inline-block size-3.5 rounded-full border border-border align-text-bottom self-start"
+					className="inline-block size-3.5 rounded-full border border-border align-text-bottom"
 				/>
 			)}
 			{login}