From 7ed5223d5e5ec11b12677f2afdc9993bb3f8752f Mon Sep 17 00:00:00 2001
From: "opencode-agent[bot]"
 <219766164+opencode-agent[bot]@users.noreply.github.com>
Date: Thu, 10 Sep 2026 07:53:29 +1000
Subject: [PATCH] fix(session-ui): align retry icon with label (#47859)

Co-authored-by: iamdavidhill <1879069+iamdavidhill@users.noreply.github.com>
---
 .../component-tests/session-timeline.spec.ts      | 15 +++++++++++++++
 .../session-ui/src/components/session-retry.tsx   |  2 +-
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/packages/session-ui/component-tests/session-timeline.spec.ts b/packages/session-ui/component-tests/session-timeline.spec.ts
index 378eb8e63fa..82554947ff8 100644
--- a/packages/session-ui/component-tests/session-timeline.spec.ts
+++ b/packages/session-ui/component-tests/session-timeline.spec.ts
@@ -35,6 +35,21 @@ story("renders streamed reasoning without starting the app", async ({ mount }) =
   await expect(timeline.getByText("Checking the current contract", { exact: true })).toBeVisible()
 })
 
+story("aligns the retry icon with the error label", async ({ mount }) => {
+  const timeline = await mount("current-session-timeline-rows--provider-retry")
+  const card = timeline.locator('[data-kind="session-retry-card"]')
+  const icon = card.locator('[data-slot="icon-svg"]')
+  const label = card.locator('[data-slot="session-turn-retry-message"]')
+  await expect(icon).toBeVisible()
+  await expect(label).toBeVisible()
+  const [iconY, labelY] = await Promise.all([
+    icon.evaluate((element) => element.getBoundingClientRect().y),
+    label.evaluate((element) => element.getBoundingClientRect().y),
+  ])
+
+  expect(iconY).toBe(labelY)
+})
+
 // Moved from packages/app/e2e/regression/session-timeline-context-state.spec.ts
 story("preserves a collapsed context group through count and status updates", async ({ mount }) => {
   const timeline = await mount("current-session-research-agents--agent-research", { args: { scenario: "exploration" } })
diff --git a/packages/session-ui/src/components/session-retry.tsx b/packages/session-ui/src/components/session-retry.tsx
index f8f36910d80..61d54717466 100644
--- a/packages/session-ui/src/components/session-retry.tsx
+++ b/packages/session-ui/src/components/session-retry.tsx
@@ -52,7 +52,7 @@ export function SessionRetry(props: { status: SessionStatus; show?: boolean }) {
       <div data-slot="session-turn-retry" class="w-full min-w-0">
         <Card variant="error" class="error-card" data-kind="session-retry-card">
           <div class="flex w-full items-start gap-2">
-            <Icon name="outline-hexagonal-warning" class="mt-0.5 shrink-0 text-v2-state-fg-danger" />
+            <Icon name="outline-hexagonal-warning" class="shrink-0 text-v2-state-fg-danger" />
             <div class="min-w-0 flex-1">
               <Tooltip appearance="standard" value={retry()?.message ?? ""} placement="top">
                 <div data-slot="session-turn-retry-message" class="cursor-help truncate">