From 1b32e1592c994a2658ac7ff13c166fa85bfdfd25 Mon Sep 17 00:00:00 2001
From: Bryan Helmkamp <bryan@brynary.com>
Date: Sat, 28 Feb 2026 17:07:26 -0500
Subject: [PATCH] Add consistent rounded-md corners to file diff containers

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 apps/arc-web/app/routes/run-files-changed.tsx | 22 +++++++++++--------
 .../app/routes/workflow-definition.tsx        |  2 +-
 2 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/apps/arc-web/app/routes/run-files-changed.tsx b/apps/arc-web/app/routes/run-files-changed.tsx
index 201994a40..ff79c24a2 100644
--- a/apps/arc-web/app/routes/run-files-changed.tsx
+++ b/apps/arc-web/app/routes/run-files-changed.tsx
@@ -205,16 +205,20 @@ export default function RunFilesChanged() {
   return (
     <div className="flex flex-col gap-4">
       {files.map(({ oldFile, newFile }) => (
-        <MultiFileDiff
+        <div
           key={newFile.name}
-          oldFile={oldFile}
-          newFile={newFile}
-          options={{
-            diffStyle: "split",
-            theme: "pierre-dark",
-            lineDiffType: "word",
-          }}
-        />
+          className="rounded-md overflow-hidden border border-white/[0.06]"
+        >
+          <MultiFileDiff
+            oldFile={oldFile}
+            newFile={newFile}
+            options={{
+              diffStyle: "split",
+              theme: "pierre-dark",
+              lineDiffType: "word",
+            }}
+          />
+        </div>
       ))}
     </div>
   );
diff --git a/apps/arc-web/app/routes/workflow-definition.tsx b/apps/arc-web/app/routes/workflow-definition.tsx
index 429f8e1bb..928fc60de 100644
--- a/apps/arc-web/app/routes/workflow-definition.tsx
+++ b/apps/arc-web/app/routes/workflow-definition.tsx
@@ -20,7 +20,7 @@ function CollapsibleFile({
   const loc = lines.filter((l) => l.trim().length > 0).length;
 
   return (
-    <div className="rounded-lg border border-white/[0.06] bg-navy-800/50 overflow-hidden">
+    <div className="rounded-md border border-white/[0.06] bg-navy-800/50 overflow-hidden">
       <button
         type="button"
         onClick={() => setOpen((v) => !v)}