diff --git a/src/components/header/view/headerStyles.js b/src/components/header/view/headerStyles.js
index 246263b82..7cffa34df 100644
--- a/src/components/header/view/headerStyles.js
+++ b/src/components/header/view/headerStyles.js
@@ -53,6 +53,10 @@ export default EStyleSheet.create({
     alignSelf: 'flex-end',
     marginRight: 12,
   },
+  reverseAvatar: {
+    alignSelf: 'flex-start',
+    marginLeft: 12,
+  },
   backIcon: {
     fontSize: 24,
     color: '$iconColor',
diff --git a/src/components/header/view/headerView.js b/src/components/header/view/headerView.js
index 9fca8211a..42f6fa47b 100644
--- a/src/components/header/view/headerView.js
+++ b/src/components/header/view/headerView.js
@@ -77,7 +77,11 @@ class HeaderView extends Component {
               isReverse ? styles.avatarButtonWrapperReverse : styles.avatarDefault,
             ]}
           >
-            <UserAvatar noAction style={styles.avatar} username={username} />
+            <UserAvatar
+              noAction
+              style={isReverse ? styles.reverseAvatar : styles.avatar}
+              username={username}
+            />
           </LinearGradient>
         </TouchableOpacity>
         {displayName || username ? (