[FIX] Members tab visual issues (#22138)

Co-authored-by: gabriellsh <40830821+gabriellsh@users.noreply.github.com>

client/views/room/contextualBar/RoomMembers/List/RoomMembers.js

@@ -101,21 +101,11 @@ const RoomMembers = ({
 				{!loading && members.length > 0 && (
 					<Box pi='x18' pb='x12'>
 						<Box is='span' color='info' fontScale='p1'>
-							{t('Showing')}:{' '}
-							<Box is='span' color='default' fontScale='p2'>
-								{members.length}
-							</Box>
+							{t('Showing')}: {members.length}
 						</Box>
 
-						{/* <Box is='span' color='info' fontScale='p1' mis='x8'>
-							{t('Online')}: <Box is='span' color='default' fontScale='p2'>{members.length}</Box>
-						</Box> */}
-
 						<Box is='span' color='info' fontScale='p1' mis='x8'>
-							{t('Total')}:{' '}
-							<Box is='span' color='default' fontScale='p2'>
-								{total}
-							</Box>
+							{t('Total')}: {total}
 						</Box>
 					</Box>
 				)}
@@ -144,18 +134,14 @@ const RoomMembers = ({
 				<ButtonGroup stretch>
 					{onClickInvite && (
 						<Button onClick={onClickInvite} width='50%'>
-							<Box is='span' mie='x4'>
-								<Icon name='link' size='x20' />
-							</Box>
+							<Icon name='link' size='x20' mie='x4' />
 							{t('Invite_Link')}
 						</Button>
 					)}
 					{onClickAdd && (
 						<Button onClick={onClickAdd} width='50%' primary>
-							<Box is='span' mie='x4'>
-								<Icon name='user-plus' size='x20' />
-							</Box>
-							{t('Add_users')}
+							<Icon name='user-plus' size='x20' mie='x4' />
+							{t('Add')}
 						</Button>
 					)}
 				</ButtonGroup>