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 108b267..1be2d69 100644
--- a/apps/dashboard/src/components/issues/detail/issue-detail-activity.tsx
+++ b/apps/dashboard/src/components/issues/detail/issue-detail-activity.tsx
@@ -435,7 +435,7 @@ export function IssueDetailActivitySection({
 									<div
 										key={`${item.type}-${group.createdAt}`}
 										className={cn(
-											"flex items-center gap-1.5",
+											"flex items-start gap-1.5",
 											index === 0
 												? "pt-5"
 												: isConsecutiveEvent
@@ -487,7 +487,7 @@ export function IssueDetailActivitySection({
 								<div
 									key={`event-${event.event}-${event.id}-${event.createdAt}`}
 									className={cn(
-										"flex items-center gap-1.5",
+										"flex items-start gap-1.5",
 										index === 0 ? "pt-5" : isConsecutiveEvent ? "pt-2" : "pt-5",
 										isLastInEventRun ? "pb-5" : "pb-2",
 									)}
@@ -792,13 +792,17 @@ function getIssueEventDescription(event: TimelineEvent): React.ReactNode {
 			);
 		case "renamed":
 			return (
-				<span className="inline-flex items-center gap-1">
-					<ActorMention actor={event.actor} hideAvatar />
-					{" changed the title from "}
-					<span className="line-through">{event.rename?.from}</span>
-					{" to "}
-					<span className="font-medium text-foreground">
-						{event.rename?.to}
+				<span className="flex min-w-0 flex-col gap-0.5">
+					<span>
+						<ActorMention actor={event.actor} hideAvatar />
+						{" changed the title"}
+					</span>
+					<span className="wrap-break-word">
+						<span className="line-through">{event.rename?.from}</span>
+						{" to "}
+						<span className="font-medium text-foreground">
+							{event.rename?.to}
+						</span>
 					</span>
 				</span>
 			);
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 5518fce..0a9d0eb 100644
--- a/apps/dashboard/src/components/pulls/detail/pull-detail-activity.tsx
+++ b/apps/dashboard/src/components/pulls/detail/pull-detail-activity.tsx
@@ -1628,7 +1628,7 @@ function ActivityTimeline({
 							<div
 								key={`commit-${commit.sha}`}
 								className={cn(
-									"flex items-center gap-1.5",
+									"flex items-start gap-1.5",
 									index === 0 ? "pt-5" : isConsecutiveCommit ? "pt-2" : "pt-5",
 									isLastInCommitRun ? "pb-5" : "pb-2",
 								)}
@@ -1668,7 +1668,7 @@ function ActivityTimeline({
 							<div
 								key="merged"
 								className={cn(
-									"flex items-center gap-1.5 pb-5",
+									"flex items-start gap-1.5 pb-5",
 									index === 0 ? "pt-5" : "pt-5",
 								)}
 							>
@@ -1733,7 +1733,7 @@ function ActivityTimeline({
 							<div
 								key={`${item.type}-${group.createdAt}`}
 								className={cn(
-									"flex items-center gap-1.5",
+									"flex items-start gap-1.5",
 									index === 0 ? "pt-5" : isConsecutiveEvent ? "pt-2" : "pt-5",
 									isLastInEventRun ? "pb-5" : "pb-2",
 								)}
@@ -1958,7 +1958,7 @@ function TimelineEventRow({
 	return (
 		<div
 			className={cn(
-				"flex items-center gap-1.5",
+				"flex items-start gap-1.5",
 				isFirst ? "pt-5" : isConsecutive ? "pt-2" : "pt-5",
 				isLastInRun ? "pb-5" : "pb-2",
 			)}
@@ -2631,13 +2631,17 @@ function getEventDescription(
 		}
 		case "renamed":
 			return (
-				<span className="inline-flex items-center gap-1">
-					<ActorMention actor={event.actor} hideAvatar />
-					{" changed the title from "}
-					<span className="line-through">{event.rename?.from}</span>
-					{" to "}
-					<span className="font-medium text-foreground">
-						{event.rename?.to}
+				<span className="flex min-w-0 flex-col gap-0.5">
+					<span>
+						<ActorMention actor={event.actor} hideAvatar />
+						{" changed the title"}
+					</span>
+					<span className="wrap-break-word">
+						<span className="line-through">{event.rename?.from}</span>
+						{" to "}
+						<span className="font-medium text-foreground">
+							{event.rename?.to}
+						</span>
 					</span>
 				</span>
 			);