diff --git a/app/containers/Header/index.js b/app/containers/Header/index.js index ca734c6ed..4663c7d43 100644 --- a/app/containers/Header/index.js +++ b/app/containers/Header/index.js @@ -23,7 +23,7 @@ export const getHeaderHeight = (isLandscape) => { export const getHeaderTitlePosition = ({ insets, numIconsRight }) => ({ left: insets.left + 60, - right: insets.right + (45 * numIconsRight) + right: insets.right + Math.max(45 * numIconsRight, 15) }); const styles = StyleSheet.create({ diff --git a/app/views/RoomsListView/index.js b/app/views/RoomsListView/index.js index 2c634cf52..a0b3984e6 100644 --- a/app/views/RoomsListView/index.js +++ b/app/views/RoomsListView/index.js @@ -319,7 +319,7 @@ class RoomsListView extends React.Component { getHeader = () => { const { searching } = this.state; const { navigation, isMasterDetail, insets } = this.props; - const headerTitlePosition = getHeaderTitlePosition({ insets, numIconsRight: 3 }); + const headerTitlePosition = getHeaderTitlePosition({ insets, numIconsRight: searching ? 0 : 3 }); return { headerTitleAlign: 'left', headerLeft: () => (searching ? (