fix the edit button

app/containers/Avatar/AvatarWithEdit.tsx

@@ -5,6 +5,7 @@ import AvatarContainer from './AvatarContainer';
 import { IAvatar } from './interfaces';
 import I18n from '../../i18n';
 import { useTheme } from '../../theme';
+import { BUTTON_HIT_SLOP } from '../message/utils';
 import styles from './styles';
 
 interface IAvatarContainer extends IAvatar {
@@ -52,7 +53,9 @@ const AvatarWithEdit = ({
 					onPress={handleEdit}
 					testID='avatar-edit-button'
 					style={styles.editAvatarButton}
+					styleText={[styles.textButton]}
 					color={colors.titleText}
+					hitSlop={BUTTON_HIT_SLOP}
 				/>
 			) : null}
 		</>

app/containers/Avatar/styles.ts

@@ -2,9 +2,14 @@ import { StyleSheet } from 'react-native';
 
 export default StyleSheet.create({
 	editAvatarButton: {
-		marginTop: 16,
+		marginTop: 8,
 		paddingVertical: 8,
 		paddingHorizontal: 12,
-		marginBottom: 0
+		marginBottom: 0,
+		height: undefined
+	},
+	textButton: {
+		fontSize: 12,
+		fontWeight: '600'
 	}
 });