From b9464e5bd3106db23b7a551b6944011cee2986ee Mon Sep 17 00:00:00 2001
From: Mohamed Boudra <boudra.moha@gmail.com>
Date: Wed, 4 Feb 2026 13:04:45 +0700
Subject: [PATCH] Update files

---
 packages/app/src/components/code-insets.ts        | 8 ++++----
 packages/app/src/components/diff-viewer.tsx       | 4 ++--
 packages/app/src/components/tool-call-details.tsx | 8 ++++----
 3 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/packages/app/src/components/code-insets.ts b/packages/app/src/components/code-insets.ts
index d0d3b8884..d00356b66 100644
--- a/packages/app/src/components/code-insets.ts
+++ b/packages/app/src/components/code-insets.ts
@@ -1,9 +1,9 @@
 export function getCodeInsets(theme: any) {
-  const paddingX = theme.spacing[3] + theme.spacing[2];
-  const paddingY = theme.spacing[1];
+  const currentHorizontal = theme.spacing[3] + theme.spacing[2];
+  const padding =
+    typeof theme.spacing?.[4] === "number" ? theme.spacing[4] : currentHorizontal;
   const extraRight = theme.spacing[4];
   const extraBottom = theme.spacing[3];
 
-  return { paddingX, paddingY, extraRight, extraBottom };
+  return { padding, extraRight, extraBottom };
 }
-
diff --git a/packages/app/src/components/diff-viewer.tsx b/packages/app/src/components/diff-viewer.tsx
index 32c3a4e71..7228966dd 100644
--- a/packages/app/src/components/diff-viewer.tsx
+++ b/packages/app/src/components/diff-viewer.tsx
@@ -105,8 +105,8 @@ const styles = StyleSheet.create((theme) => {
     },
     line: {
       minWidth: "100%",
-      paddingHorizontal: insets.paddingX,
-      paddingVertical: insets.paddingY,
+      paddingHorizontal: insets.padding,
+      paddingVertical: insets.padding,
     },
     lineText: {
       fontFamily: Fonts.mono,
diff --git a/packages/app/src/components/tool-call-details.tsx b/packages/app/src/components/tool-call-details.tsx
index 1ab017e31..bd75f164d 100644
--- a/packages/app/src/components/tool-call-details.tsx
+++ b/packages/app/src/components/tool-call-details.tsx
@@ -412,8 +412,8 @@ const styles = StyleSheet.create((theme) => {
   },
   codeLine: {
     minWidth: "100%",
-    paddingHorizontal: insets.paddingX,
-    paddingVertical: insets.paddingY,
+    paddingHorizontal: insets.padding,
+    paddingVertical: insets.padding,
   },
   scrollArea: {
     borderWidth: theme.borderWidth[1],
@@ -422,7 +422,7 @@ const styles = StyleSheet.create((theme) => {
     backgroundColor: theme.colors.surface2,
   },
   scrollContent: {
-    padding: theme.spacing[2],
+    padding: insets.padding,
   },
   scrollText: {
     fontFamily: Fonts.mono,
@@ -440,7 +440,7 @@ const styles = StyleSheet.create((theme) => {
     borderColor: theme.colors.destructive,
   },
   jsonContent: {
-    padding: theme.spacing[2],
+    padding: insets.padding,
   },
   errorText: {
     color: theme.colors.destructive,