From 04f4a55af156a987d42fc3e1ef29c7a3a3ed04ff Mon Sep 17 00:00:00 2001
From: akash3444 <akashmoradiya3444@gmail.com>
Date: Thu, 17 Sep 2026 22:19:21 +0530
Subject: [PATCH] fix(web): align pull request state glyph to top of row

- Wrap PullRequestStateGlyph in a self-start span so the icon pins to the top when PR titles wrap
- Change ml-4 to pl-4 in PullRequestDetailPanel header to use padding instead of margin
---
 apps/web/src/components/pullRequest/PullRequestDetailPanel.tsx | 2 +-
 apps/web/src/components/pullRequest/PullRequestRow.tsx         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/components/pullRequest/PullRequestDetailPanel.tsx b/apps/web/src/components/pullRequest/PullRequestDetailPanel.tsx
index b5b5fa2e4a3c..108761261653 100644
--- a/apps/web/src/components/pullRequest/PullRequestDetailPanel.tsx
+++ b/apps/web/src/components/pullRequest/PullRequestDetailPanel.tsx
@@ -1542,7 +1542,7 @@ export function PullRequestDetailPanel({
           !detail && !onClose && "hidden",
         )}
       >
-        <div className="ml-4 grid h-7 min-w-0 items-center overflow-hidden">
+        <div className="pl-4 grid h-7 min-w-0 items-center overflow-hidden">
           <div
             aria-hidden={condensed}
             inert={condensed}
diff --git a/apps/web/src/components/pullRequest/PullRequestRow.tsx b/apps/web/src/components/pullRequest/PullRequestRow.tsx
index 14b031314739..e209ed018305 100644
--- a/apps/web/src/components/pullRequest/PullRequestRow.tsx
+++ b/apps/web/src/components/pullRequest/PullRequestRow.tsx
@@ -116,7 +116,7 @@ function PullRequestRowImpl({
       {/* The conflict warning rides the corner of the lifecycle glyph, over the arrow's
           merge circle, so the leading slot stays one icon wide and titles line up whether or
           not a row is blocked. The background fill cuts it out of the glyph beneath. */}
-      <span className="relative inline-flex shrink-0">
+      <span className="relative inline-flex self-start mt-0.75 shrink-0">
         <PullRequestStateGlyph state={entry.state} isDraft={entry.isDraft} />
         {/* The wrapper takes the offset, not the icon, so the tooltip trigger inside keeps the
             badge's size and anchors the popup to it. */}