fix(webapp): separate concatenated classes in replay dialog editor container

kathiekiwi · kathiekiwi · commit 558f8238e078 · 2026-07-07T15:38:01.000Z
diff --git a/apps/webapp/app/components/runs/v3/ReplayRunDialog.tsx b/apps/webapp/app/components/runs/v3/ReplayRunDialog.tsx
@@ -236,7 +236,7 @@ function ReplayForm({
         className="-mx-3 mt-3 w-auto flex-1 border-b border-t border-grid-dimmed"
       >
         <ResizablePanel id="payload" min="300px">
-          <div className="rounded-smbg-background-deep mb-3 h-full min-h-40 overflow-y-auto scrollbar-thin scrollbar-track-transparent scrollbar-thumb-surface-control">
+          <div className="mb-3 h-full min-h-40 overflow-y-auto rounded-sm bg-background-deep scrollbar-thin scrollbar-track-transparent scrollbar-thumb-surface-control">
             <JSONEditor
               className="h-full"
               autoFocus

Original file line number	Diff line number	Diff line change
`@@ -236,7 +236,7 @@ function ReplayForm({`
`236`	`236`	`className="-mx-3 mt-3 w-auto flex-1 border-b border-t border-grid-dimmed"`
`237`	`237`	`>`
`238`	`238`	`<ResizablePanel id="payload" min="300px">`
`239`		`- <div className="rounded-smbg-background-deep mb-3 h-full min-h-40 overflow-y-auto scrollbar-thin scrollbar-track-transparent scrollbar-thumb-surface-control">`
	`239`	`+ <div className="mb-3 h-full min-h-40 overflow-y-auto rounded-sm bg-background-deep scrollbar-thin scrollbar-track-transparent scrollbar-thumb-surface-control">`
`240`	`240`	`<JSONEditor`
`241`	`241`	`className="h-full"`
`242`	`242`	`autoFocus`