From 2e69268b0f0b4a837e3ed48822a80a42a02ec1d2 Mon Sep 17 00:00:00 2001
From: vicky1999 <ravivignesh2000@gmail.com>
Date: Mon, 10 Nov 2025 13:20:09 +0530
Subject: [PATCH] fix: Message wrapping in narrow editor panes

---
 webviews/components/merge.tsx | 26 ++++++++++++++------------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/webviews/components/merge.tsx b/webviews/components/merge.tsx
index 7a6aee3d7b..95851207f4 100644
--- a/webviews/components/merge.tsx
+++ b/webviews/components/merge.tsx
@@ -244,18 +244,20 @@ export const MergeStatus = ({ mergeable, isSimple, canUpdateBranch }: { mergeabl
 		}
 	}
 	return (
-		<div className="status-item status-section">
-			{icon}
-			<p>
-				{summary}
-			</p>
-			{(action && canUpdateBranch) ?
-				<div className="button-container">
-					<button className="secondary" onClick={onClick} disabled={busy} >
-						{action}
-					</button>
-				</div>
-			: null}
+		<div className="status-section">
+			<div className="status-item">
+				{icon}
+				<p>
+					{summary}
+				</p>
+				{(action && canUpdateBranch) ?
+					<div className="button-container">
+						<button className="secondary" onClick={onClick} disabled={busy} >
+							{action}
+						</button>
+					</div>
+				: null}
+			</div>
 		</div>
 	);
 };