diff --git a/packages/app/src/components/diff-viewer.tsx b/packages/app/src/components/diff-viewer.tsx
index 298c882e0..8de5d1d67 100644
--- a/packages/app/src/components/diff-viewer.tsx
+++ b/packages/app/src/components/diff-viewer.tsx
@@ -115,7 +115,7 @@ const styles = StyleSheet.create((theme) => {
       color: theme.colors.foreground,
     },
     headerLine: {
-      backgroundColor: theme.colors.surface2,
+      backgroundColor: theme.colors.surface1,
     },
     headerText: {
       color: theme.colors.foregroundMuted,
@@ -139,7 +139,7 @@ const styles = StyleSheet.create((theme) => {
       backgroundColor: "rgba(248, 81, 73, 0.35)",
     },
     contextLine: {
-      backgroundColor: theme.colors.surface2,
+      backgroundColor: theme.colors.surface1,
     },
     contextText: {
       color: theme.colors.foregroundMuted,
diff --git a/packages/app/src/components/tool-call-details.tsx b/packages/app/src/components/tool-call-details.tsx
index 46d005e13..348e561e5 100644
--- a/packages/app/src/components/tool-call-details.tsx
+++ b/packages/app/src/components/tool-call-details.tsx
@@ -413,7 +413,7 @@ const styles = StyleSheet.create((theme) => {
       borderWidth: 0,
       borderRadius: 0,
       overflow: "hidden",
-      backgroundColor: theme.colors.surface2,
+      backgroundColor: theme.colors.surface1,
     },
   codeVerticalScroll: {},
   codeVerticalContent: {