diff --git a/client/components/UserCard/UserCard.js b/client/components/UserCard/UserCard.js
index 5032975636a..da93170eecf 100644
--- a/client/components/UserCard/UserCard.js
+++ b/client/components/UserCard/UserCard.js
@@ -68,7 +68,9 @@ const UserCard = forwardRef(function UserCard(
)}
- {customStatus && {typeof customStatus === 'string' ? : customStatus}}
+ {customStatus && (
+ {typeof customStatus === 'string' ? : customStatus}
+ )}
{roles}
{localTime}
{bio && (
diff --git a/client/sidebar/header/UserDropdown.tsx b/client/sidebar/header/UserDropdown.tsx
index fa4a2607c34..d8c05773180 100644
--- a/client/sidebar/header/UserDropdown.tsx
+++ b/client/sidebar/header/UserDropdown.tsx
@@ -135,7 +135,12 @@ const UserDropdown = ({ user, onClose }: UserDropdownProps): ReactElement => {
-
+
@@ -160,7 +165,9 @@ const UserDropdown = ({ user, onClose }: UserDropdownProps): ReactElement => {
- {name}
+
+
+
);
})}
diff --git a/client/views/room/Header/RoomHeader.tsx b/client/views/room/Header/RoomHeader.tsx
index 66c7354e3b3..06b061ae309 100644
--- a/client/views/room/Header/RoomHeader.tsx
+++ b/client/views/room/Header/RoomHeader.tsx
@@ -47,7 +47,9 @@ const RoomHeader: FC = ({ room, topic = '', slots = {} }) => (
{slots?.insideContent}
- {topic && }
+
+ {topic && }
+
{slots?.posContent}
diff --git a/client/views/room/contextualBar/UserInfo/UserInfo.js b/client/views/room/contextualBar/UserInfo/UserInfo.js
index d289479361a..5ee71382513 100644
--- a/client/views/room/contextualBar/UserInfo/UserInfo.js
+++ b/client/views/room/contextualBar/UserInfo/UserInfo.js
@@ -65,7 +65,7 @@ function UserInfo({
-
+