From 8791328d6e6a2b544c5950a23df0c4880272a5cb Mon Sep 17 00:00:00 2001
From: Danielle Maywood <danielle@themaywoods.com>
Date: Wed, 25 Mar 2026 13:57:43 +0000
Subject: [PATCH] fix(site): fix right panel layout issues at responsive
 breakpoints (#23573)

---
 site/src/pages/AgentsPage/components/AgentDetailView.tsx      | 2 +-
 .../src/pages/AgentsPage/components/RightPanel/RightPanel.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/site/src/pages/AgentsPage/components/AgentDetailView.tsx b/site/src/pages/AgentsPage/components/AgentDetailView.tsx
index 5ecc25bd99..31b4c45143 100644
--- a/site/src/pages/AgentsPage/components/AgentDetailView.tsx
+++ b/site/src/pages/AgentsPage/components/AgentDetailView.tsx
@@ -214,7 +214,7 @@ export const AgentDetailView: FC<AgentDetailViewProps> = ({
 			{titleElement}
 			<div
 				className={cn(
-					"relative flex min-h-0 min-w-0 flex-1 flex-col",
+					"relative flex min-h-0 min-w-0 flex-1 flex-col overflow-x-hidden",
 					visualExpanded && "hidden",
 					shouldShowSidebar && "max-md:hidden",
 				)}
diff --git a/site/src/pages/AgentsPage/components/RightPanel/RightPanel.tsx b/site/src/pages/AgentsPage/components/RightPanel/RightPanel.tsx
index 3bfe7e9e46..94b409d6ed 100644
--- a/site/src/pages/AgentsPage/components/RightPanel/RightPanel.tsx
+++ b/site/src/pages/AgentsPage/components/RightPanel/RightPanel.tsx
@@ -239,7 +239,7 @@ export const RightPanel = ({
 					: cn(
 							"relative min-h-0 min-w-0",
 							visualOpen
-								? "flex h-full w-[100vw] min-w-0 flex-col border-0 border-l border-solid border-border-default sm:w-[var(--panel-width)] sm:min-w-[360px] sm:max-w-[70vw]"
+								? "flex h-full w-[100vw] min-w-0 flex-col border-0 border-solid border-border-default md:border-l md:w-[var(--panel-width)] md:min-w-[360px] md:max-w-[70vw]"
 								: "hidden",
 						),
 			)}
@@ -250,7 +250,7 @@ export const RightPanel = ({
 				onPointerMove={handlePointerMove}
 				onPointerUp={handlePointerUp}
 				className={cn(
-					"absolute top-0 left-0 z-20 hidden h-full w-1 cursor-col-resize select-none transition-colors hover:bg-content-link sm:block",
+					"absolute top-0 left-0 z-20 hidden h-full w-1 cursor-col-resize select-none transition-colors hover:bg-content-link md:block",
 					visualExpanded && "-left-1",
 				)}
 			/>