center number

src/components/RoomHeaderAvatars.js

@@ -12,14 +12,10 @@ import * as StyleUtils from '../styles/StyleUtils';
 const propTypes = {
     /** Array of avatar URLs or icons */
     icons: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.func])),
-
-    /** Whether show large Avatars */
-    shouldShowLargeAvatars: PropTypes.bool,
 };
 
 const defaultProps = {
     icons: [],
-    shouldShowLargeAvatars: false,
 };
 
 const RoomHeaderAvatars = (props) => {
@@ -43,7 +39,7 @@ const RoomHeaderAvatars = (props) => {
     const iconStyle = [
         styles.roomHeaderAvatar,
 
-        // Because the border is applied to the Avatars when there are multiple they need to be slightly larger to match size
+        // Due to border-box box-sizing, the Avatars have to be larger when bordered to visually match size with non-bordered Avatars
         StyleUtils.getAvatarStyle(CONST.AVATAR_SIZE.LARGE_BORDERED),
     ];
     return (

src/styles/styles.js

@@ -2028,10 +2028,10 @@ const styles = {
     avatarInnerTextChat: {
         color: themeColors.textLight,
         fontSize: variables.fontSizeNormal,
-        left: 1,
         textAlign: 'center',
         fontWeight: 'normal',
         position: 'absolute',
+        marginLeft: -16,
     },
 
     pageWrapper: {