From 3287f2d00b65c90991bfb5857b088fc24d266054 Mon Sep 17 00:00:00 2001
From: Mohamed Boudra <boudra.moha@gmail.com>
Date: Wed, 18 Mar 2026 22:07:34 +0700
Subject: [PATCH] Only show bg on expanded file headers in git diff panel

---
 packages/app/src/components/git-diff-pane.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/app/src/components/git-diff-pane.tsx b/packages/app/src/components/git-diff-pane.tsx
index a1d0f4cd8..d54bea9b4 100644
--- a/packages/app/src/components/git-diff-pane.tsx
+++ b/packages/app/src/components/git-diff-pane.tsx
@@ -207,6 +207,7 @@ const DiffFileHeader = memo(function DiffFileHeader({
     <View
       style={[
         styles.fileSectionHeaderContainer,
+        isExpanded && styles.fileSectionHeaderExpanded,
       ]}
       onLayout={(event) => {
         layoutYRef.current = event.nativeEvent.layout.y;
@@ -1192,6 +1193,9 @@ const styles = StyleSheet.create((theme) => ({
   fileSectionHeaderContainer: {
     overflow: "hidden",
   },
+  fileSectionHeaderExpanded: {
+    backgroundColor: theme.colors.surface1,
+  },
   fileSectionBodyContainer: {
     overflow: "hidden",
     backgroundColor: theme.colors.surface2,