diff --git a/app/views/RoomView/Header/Header.js b/app/views/RoomView/Header/Header.js index 399318ebd..637d57c58 100644 --- a/app/views/RoomView/Header/Header.js +++ b/app/views/RoomView/Header/Header.js @@ -10,6 +10,9 @@ import Icon from './Icon'; import { themes } from '../../../constants/colors'; import Markdown from '../../../containers/markdown'; +const HIT_SLOP = { + top: 5, right: 5, bottom: 5, left: 5 +}; const TITLE_SIZE = 16; const styles = StyleSheet.create({ container: { @@ -152,6 +155,7 @@ const Header = React.memo(({ onPress={onPress} style={styles.container} disabled={tmid} + hitSlop={HIT_SLOP} > {tmid ? null : } diff --git a/app/views/RoomView/index.js b/app/views/RoomView/index.js index b9d185994..7d3b656d4 100644 --- a/app/views/RoomView/index.js +++ b/app/views/RoomView/index.js @@ -318,7 +318,7 @@ class RoomView extends React.Component { if (!room?.rid) { return; } - const headerTitlePosition = getHeaderTitlePosition({ insets, numIconsRight: 2 }); + const headerTitlePosition = getHeaderTitlePosition({ insets, numIconsRight: tmid ? 1 : 2 }); navigation.setOptions({ headerShown: true, headerTitleAlign: 'left',