From 6cc7cc3e4e81edd25152adff26b265ba3cc4b23f Mon Sep 17 00:00:00 2001
From: Apoorv Singh <68725597+aprv10@users.noreply.github.com>
Date: Sun, 5 Jul 2026 17:48:15 +0530
Subject: [PATCH] fix(browser): remove excess padding around the inspector
 Browser tab (#2423)

---
 .../src/renderer/components/SessionInspector.tsx     | 10 +++++++++-
 frontend/src/renderer/styles.css                     | 12 ++++++++++++
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/frontend/src/renderer/components/SessionInspector.tsx b/frontend/src/renderer/components/SessionInspector.tsx
index 9be031a8e..c22b997e9 100644
--- a/frontend/src/renderer/components/SessionInspector.tsx
+++ b/frontend/src/renderer/components/SessionInspector.tsx
@@ -125,7 +125,15 @@ export function SessionInspector({
 				))}
 			</div>
 
-			<div className="session-inspector__body">
+			<div
+				className={cn(
+					"session-inspector__body",
+					// The Browser tab renders its own bordered panel edge-to-edge, so
+					// drop the body padding for it (except when popped out, where the
+					// body only holds the "return to panel" empty state).
+					view === "browser" && !browserPoppedOut && "session-inspector__body--browser",
+				)}
+			>
 				{view === "summary" ? <SummaryView session={session} /> : null}
 				{view === "reviews" ? <ReviewsView onOpenReviewerTerminal={onOpenReviewerTerminal} session={session} /> : null}
 				{view === "browser" ? (
diff --git a/frontend/src/renderer/styles.css b/frontend/src/renderer/styles.css
index eb419dde5..6bffd91d2 100644
--- a/frontend/src/renderer/styles.css
+++ b/frontend/src/renderer/styles.css
@@ -773,6 +773,18 @@ body.is-resizing-x [data-slot="sidebar-container"] {
 	padding: 18px 18px 40px;
 }
 
+/* Browser tab: the panel fills the rail edge-to-edge, so drop the body padding
+   and the panel's own border/radius so it sits flush against the resize handle. */
+.session-inspector__body.session-inspector__body--browser {
+	padding: 0;
+	overflow: hidden;
+}
+
+.session-inspector__body--browser .browser-panel {
+	border: 0;
+	border-radius: 0;
+}
+
 /* Inspector resize handle (shadcn resizable separator, AO visual): a 7px
  * transparent grab strip whose centered 1px line lights accent on hover, drag
  * (rrp sets data-separator="active"), and keyboard focus. */