diff --git a/client/components/RoomForeword.js b/client/components/RoomForeword.js
index 64f70b256acb..4e20ecce07e0 100644
--- a/client/components/RoomForeword.js
+++ b/client/components/RoomForeword.js
@@ -47,7 +47,7 @@ const RoomForeword = ({ _id: rid }) => {
 			</Margins>
 		</Flex.Item>
 		<Box color='default' fontScale='h1' flexGrow={1}>{t('Direct_message_you_have_joined')}</Box>
-		<Box is='div' mb='x8' flexGrow={1}>
+		<Box is='div' mb='x8' flexGrow={1} display='flex' justifyContent='center'>
 			{usernames.map((username, index) => (
 				<Margins inline='x4' key={index}>
 					<Box is='a' href={`/direct/${ username }`}>