From 610158efbd4a9fb89e616275e76f2e227ffa038e Mon Sep 17 00:00:00 2001
From: Gauvain <contact@uruk.dev>
Date: Fri, 17 Jul 2026 17:25:49 +0200
Subject: [PATCH] fix(ui): keep back button touch area at 44dp with hitSlop

---
 components/common/HeaderBackButton.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/components/common/HeaderBackButton.tsx b/components/common/HeaderBackButton.tsx
index ba06411e5..15de379bd 100644
--- a/components/common/HeaderBackButton.tsx
+++ b/components/common/HeaderBackButton.tsx
@@ -51,8 +51,10 @@ export const HeaderBackButton: React.FC<Props> = ({
       onPress={() => router.back()}
       // Match the Settings page back button: chevron flush to the edge with a
       // 16px gap before the title (the old `p-2` pushed both arrow and title
-      // too far right). drop-shadow keeps it readable over images.
+      // too far right). drop-shadow keeps it readable over images. hitSlop
+      // keeps the touch area at ~44dp now that the padding is gone.
       style={{ marginRight: 16 }}
+      hitSlop={8}
       {...pressableProps}
     >
       <Feather