diff --git a/client/views/directory/ChannelsTable.js b/client/views/directory/ChannelsTable.js
index 9c817ae378cf..d22c62d955d3 100644
--- a/client/views/directory/ChannelsTable.js
+++ b/client/views/directory/ChannelsTable.js
@@ -13,7 +13,11 @@ import { useFormatDate } from '../../hooks/useFormatDate';
 import RoomTags from './RoomTags';
 import { useQuery } from './hooks';
 
-const style = { whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' };
+const style = {
+	whiteSpace: 'nowrap',
+	textOverflow: 'ellipsis',
+	overflow: 'hidden',
+};
 
 function ChannelsTable() {
 	const t = useTranslation();
@@ -85,14 +89,7 @@ function ChannelsTable() {
 					</GenericTable.HeaderCell>
 				),
 				mediaQuery && (
-					<GenericTable.HeaderCell
-						key={'belongsTo'}
-						direction={sort[1]}
-						active={sort[0] === 'belongsTo'}
-						onClick={onHeaderClick}
-						sort='belongsTo'
-						style={{ width: '150px' }}
-					>
+					<GenericTable.HeaderCell key={'belongsTo'} style={{ width: '150px' }}>
 						{t('Belongs_To')}
 					</GenericTable.HeaderCell>
 				),
@@ -102,7 +99,7 @@ function ChannelsTable() {
 
 	const channelRoute = useRoute('channel');
 
-	const { value: data = { result: [] } } = useEndpointData('directory', query);
+	const { value: data = {} } = useEndpointData('directory', query);
 
 	const onClick = useMemo(
 		() => (name) => (e) => {
diff --git a/client/views/directory/TeamsTable.js b/client/views/directory/TeamsTable.js
index 37ac3be42621..8f9c302d3d68 100644
--- a/client/views/directory/TeamsTable.js
+++ b/client/views/directory/TeamsTable.js
@@ -13,7 +13,11 @@ import { useFormatDate } from '../../hooks/useFormatDate';
 import RoomTags from './RoomTags';
 import { useQuery } from './hooks';
 
-const style = { whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' };
+const style = {
+	whiteSpace: 'nowrap',
+	textOverflow: 'ellipsis',
+	overflow: 'hidden',
+};
 
 function TeamsTable() {
 	const t = useTranslation();
@@ -48,14 +52,7 @@ function TeamsTable() {
 				>
 					{t('Name')}
 				</GenericTable.HeaderCell>,
-				<GenericTable.HeaderCell
-					key={'channelsCount'}
-					direction={sort[1]}
-					active={sort[0] === 'channelsCount'}
-					onClick={onHeaderClick}
-					sort='channelsCount'
-					style={{ width: '100px' }}
-				>
+				<GenericTable.HeaderCell key={'channelsCount'} style={{ width: '100px' }}>
 					{t('Channels')}
 				</GenericTable.HeaderCell>,
 				mediaQuery && (
@@ -79,7 +76,7 @@ function TeamsTable() {
 
 	const query = useQuery(params, sort, 'teams');
 
-	const { value: data = { result: [] } } = useEndpointData('directory', query);
+	const { value: data = {} } = useEndpointData('directory', query);
 
 	const onClick = useMemo(
 		() => (name, type) => (e) => {
diff --git a/client/views/directory/UserTable.js b/client/views/directory/UserTable.js
index 8fcad0dc0975..d799faebc8f1 100644
--- a/client/views/directory/UserTable.js
+++ b/client/views/directory/UserTable.js
@@ -132,7 +132,7 @@ function UserTable({ workspace = 'local' }) {
 										{username}
 									</Box>
 								</Box>
-								<MarkdownText fontScale='p1' color='hint' content={bio} />
+								<MarkdownText variant='inline' fontScale='p1' color='hint' content={bio} />
 							</Box>
 						</Box>
 					</Flex.Container>