From df6edfcebd2ea401a6feda1fccf31189e57eceda Mon Sep 17 00:00:00 2001
From: Neil <4138956+nwparker@users.noreply.github.com>
Date: Wed, 12 Aug 2026 21:09:30 -0700
Subject: [PATCH] fix(ui): center narrow terminal recovery actions

---
 .../terminal-pane/TerminalPaneDisconnectedBanner.test.tsx       | 1 +
 .../components/terminal-pane/TerminalPaneDisconnectedBanner.tsx | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/renderer/src/components/terminal-pane/TerminalPaneDisconnectedBanner.test.tsx b/src/renderer/src/components/terminal-pane/TerminalPaneDisconnectedBanner.test.tsx
index f4212506f29..a8229c9594e 100644
--- a/src/renderer/src/components/terminal-pane/TerminalPaneDisconnectedBanner.test.tsx
+++ b/src/renderer/src/components/terminal-pane/TerminalPaneDisconnectedBanner.test.tsx
@@ -124,6 +124,7 @@ describe('TerminalPaneDisconnectedBanner, unreachable SSH pane', () => {
     expect(banner).toHaveAttribute('data-terminal-pane-disconnected-variant', 'ssh-pane')
     expect(banner).toHaveClass('@container/disconnected-banner', 'inset-x-0')
     expect(card).toHaveClass('max-h-full', 'overflow-y-auto')
+    expect(buttons[0].parentElement).toHaveClass('@max-[240px]/disconnected-banner:justify-center')
     for (const button of buttons) {
       expect(button).toHaveAttribute('data-size', 'icon-xs')
     }
diff --git a/src/renderer/src/components/terminal-pane/TerminalPaneDisconnectedBanner.tsx b/src/renderer/src/components/terminal-pane/TerminalPaneDisconnectedBanner.tsx
index 60bcb816977..82292d66381 100644
--- a/src/renderer/src/components/terminal-pane/TerminalPaneDisconnectedBanner.tsx
+++ b/src/renderer/src/components/terminal-pane/TerminalPaneDisconnectedBanner.tsx
@@ -175,7 +175,7 @@ export function TerminalPaneDisconnectedBanner({
           <div className="mt-0.5 text-xs leading-5 text-muted-foreground">{body}</div>
         </div>
         {!retrying ? (
-          <div className="flex shrink-0 items-center gap-2 @max-[360px]/disconnected-banner:w-full @max-[360px]/disconnected-banner:flex-wrap @max-[360px]/disconnected-banner:justify-end @max-[240px]/disconnected-banner:gap-0">
+          <div className="flex shrink-0 items-center gap-2 @max-[360px]/disconnected-banner:w-full @max-[360px]/disconnected-banner:flex-wrap @max-[360px]/disconnected-banner:justify-end @max-[240px]/disconnected-banner:justify-center @max-[240px]/disconnected-banner:gap-0">
             {compactActions ? (
               <Tooltip>
                 <TooltipTrigger asChild>{reconnectButton}</TooltipTrigger>