diff --git a/src/components/Lightbox/chrome/CircleChromeButton.tsx b/src/components/Lightbox/chrome/CircleChromeButton.tsx
index 55c229d62b..1db2c8c317 100644
--- a/src/components/Lightbox/chrome/CircleChromeButton.tsx
+++ b/src/components/Lightbox/chrome/CircleChromeButton.tsx
@@ -8,7 +8,7 @@ import {
 } from 'react-native'
 import {BlurView} from 'expo-blur'
 
-import {HITSLOP_10} from '#/lib/constants'
+import {HITSLOP_20} from '#/lib/constants'
 import {type Props as IconProps} from '#/components/icons/common'
 
 type Props = {
@@ -45,7 +45,7 @@ export function CircleChromeButton({
       accessibilityRole="button"
       accessibilityLabel={label}
       accessibilityHint=""
-      hitSlop={HITSLOP_10}
+      hitSlop={HITSLOP_20}
       onPress={onPress}
       testID={testID}
       style={({pressed}) => [styles.root, pressed && styles.pressed]}>