From 3a93cbcfaf4d344f19c2ba69d93ec16c33b74b78 Mon Sep 17 00:00:00 2001
From: dougfabris <deefabris@gmail.com>
Date: Tue, 25 May 2021 16:35:13 -0300
Subject: [PATCH] fix: members tab visual issues

---
 .../RoomMembers/List/RoomMembers.js           | 24 ++++---------------
 1 file changed, 5 insertions(+), 19 deletions(-)

diff --git a/client/views/room/contextualBar/RoomMembers/List/RoomMembers.js b/client/views/room/contextualBar/RoomMembers/List/RoomMembers.js
index 61f2a426932a5..a291b1f27b5cc 100644
--- a/client/views/room/contextualBar/RoomMembers/List/RoomMembers.js
+++ b/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>