Reduce "Cancel" tappable area

The tappable area was overlapping the X

Author: Jon-edge

src/components/themed/SimpleTextInput.tsx

@@ -119,7 +119,7 @@ export const SimpleTextInput = React.forwardRef<SimpleTextInputRef, SimpleTextIn
 
   const hasIcon = Icon != null
   const hasValue = value !== ''
-  const isIos = Platform.OS === 'ios'
+  const isIos = true // Platform.OS === 'ios'
 
   const [isFocused, setIsFocused] = React.useState(false)
 
@@ -252,13 +252,13 @@ export const SimpleTextInput = React.forwardRef<SimpleTextInputRef, SimpleTextIn
         </InputContainerView>
       </EdgeTouchableWithoutFeedback>
       {isIos && (isFocused || active === true) && (
-        <TouchContainer hitSlop={theme.rem(0.75)} accessible onPress={handleDonePress} testID={`${testID}.cancelButton`}>
+        <TouchableOpacity accessible onPress={handleDonePress} testID={`${testID}.cancelButton`}>
           <CancelButton>
             <CancelText numberOfLines={1} ellipsizeMode="clip">
               {lstrings.string_cancel_cap}
             </CancelText>
           </CancelButton>
-        </TouchContainer>
+        </TouchableOpacity>
       )}
     </ContainerView>
   )