diff --git a/app/ui-utils/client/lib/ReactionListContent.js b/app/ui-utils/client/lib/ReactionListContent.js
index a36e1946e0d83..576fa720aaf02 100644
--- a/app/ui-utils/client/lib/ReactionListContent.js
+++ b/app/ui-utils/client/lib/ReactionListContent.js
@@ -32,7 +32,7 @@ export function Reactions({ reactions, onClick }) {
 export function Username({ username, onClick, displayName }) {
 	return (
 		<Box mie='x4' mbe='x4' data-username={username} onClick={onClick} key={displayName}>
-			<Tag>{displayName}</Tag>
+			<Tag variant='secondary'>{displayName}</Tag>
 		</Box>
 	);
 }
diff --git a/client/components/Breadcrumbs/Breadcrumbs.stories.js b/client/components/Breadcrumbs/Breadcrumbs.stories.js
deleted file mode 100644
index 01e0c93962d4e..0000000000000
--- a/client/components/Breadcrumbs/Breadcrumbs.stories.js
+++ /dev/null
@@ -1,54 +0,0 @@
-import React from 'react';
-
-import Breadcrumbs from '.';
-
-export default {
-	title: 'components/Breadcrumbs',
-	component: Breadcrumbs,
-};
-
-const { Item, Icon, Text, Link, Separator } = Breadcrumbs;
-
-export const Default = () =>
-	<Breadcrumbs>
-		<Item>
-			<Icon name='lock' />
-			<Text>design</Text>
-		</Item>
-		<Separator/>
-		<Item>
-			<Icon name='lock' />
-			<Text>rc-design</Text>
-		</Item>
-	</Breadcrumbs>;
-
-export const AsTeamMember = () =>
-	<Breadcrumbs>
-		<Item>
-			<Icon name='lock' />
-			<Link>design</Link>
-		</Item>
-		<Separator/>
-		<Item>
-			<Icon name='lock' />
-			<Text>rc-design</Text>
-		</Item>
-	</Breadcrumbs>;
-
-export const WithDiscussion = () =>
-	<Breadcrumbs>
-		<Item>
-			<Icon name='lock' />
-			<Text>design</Text>
-		</Item>
-		<Separator/>
-		<Item>
-			<Icon name='lock' />
-			<Text>rc-design</Text>
-		</Item>
-		<Separator/>
-		<Item>
-			<Icon name='baloons' />
-			<Text>storybook</Text>
-		</Item>
-	</Breadcrumbs>;
diff --git a/client/components/Breadcrumbs/index.js b/client/components/Breadcrumbs/index.js
deleted file mode 100644
index c9e18d541e3a6..0000000000000
--- a/client/components/Breadcrumbs/index.js
+++ /dev/null
@@ -1,43 +0,0 @@
-import React from 'react';
-import { Box, Icon } from '@rocket.chat/fuselage';
-import colors from '@rocket.chat/fuselage-tokens/colors';
-import { css } from '@rocket.chat/css-in-js';
-
-const BreadcrumbsSeparator = () => <Box display='inline-block' fontScale='s2' mi='x4' fontWeight='600' color='neutral-500'>/</Box>;
-const BreadcrumbsIcon = ({ name, color, children }) => <Box w='x20' mi='x2' display='inline-flex' justifyContent='center' color={color}>{name ? <Icon size='x20' name={name}/> : children}</Box>;
-const BreadcrumbsIconSmall = ({ name, color, children }) => <Box w='x12' display='inline-flex' justifyContent='center' color={color}>{name ? <Icon size='x12' name={name}/> : children}</Box>;
-
-const BreadcrumbsLink = (props) => <BreadcrumbsText
-	is='a'
-	{...props}
-	className={[
-		css`
-			&:hover,
-			&:focus{
-				color: ${ colors.b500 } !important;
-			}
-			&:visited{
-				color: ${ colors.n800 };
-			}
-		`,
-	].filter(Boolean)}
-/>;
-
-const BreadcrumbsText = (props) => <Box display='inline' is='span' mi='x2' color='default' {...props} />;
-
-const BreadcrumbsItem = (props) => <Box mi='neg-x2' display='inline-flex' flexDirection='row' alignItems='center' color='info' fontScale='s2' {...props} />;
-const BreadcrumbsTag = (props) => <Box backgroundColor='neutral-400' mis='x8' display='inline-flex' flexDirection='row' alignItems='center' color='neutral-700' fontSize='x12' borderRadius='x4' p='x4' lineHeight='x16' fontWeight='600' height='x20'{...props} />;
-
-const Breadcrumbs = ({ children }) => <Box withTruncatedText mie='x2' display='flex' flexDirection='row' alignItems='center'>{children}</Box>;
-
-Object.assign(Breadcrumbs, {
-	Text: BreadcrumbsText,
-	Link: BreadcrumbsLink,
-	Icon: BreadcrumbsIcon,
-	IconSmall: BreadcrumbsIconSmall,
-	Separator: BreadcrumbsSeparator,
-	Item: BreadcrumbsItem,
-	Tag: BreadcrumbsTag,
-});
-
-export default Breadcrumbs;
diff --git a/client/components/Header/Header.tsx b/client/components/Header/Header.tsx
index 1aecc40dfb460..656fde5a1dea3 100644
--- a/client/components/Header/Header.tsx
+++ b/client/components/Header/Header.tsx
@@ -1,6 +1,18 @@
 import React, { FC } from 'react';
-import { Box, Icon, Divider, ButtonGroup, ActionButton, Badge, BadgeProps } from '@rocket.chat/fuselage';
 import { css } from '@rocket.chat/css-in-js';
+import colors from '@rocket.chat/fuselage-tokens/colors';
+import {
+	Box,
+	Icon,
+	Divider,
+	ButtonGroup,
+	ActionButton,
+	Badge,
+	BadgeProps,
+	Tag,
+	TagProps,
+	BoxProps,
+} from '@rocket.chat/fuselage';
 
 const Title: FC = (props: any) => <Box color='default' mi='x4' fontScale='s2' withTruncatedText {...props}/>;
 const Subtitle: FC = (props: any) => <Box color='hint' fontScale='p1' withTruncatedText {...props}/>;
@@ -11,6 +23,24 @@ const HeaderIcon: FC<{ icon: JSX.Element | { name: string; color?: string } | nu
 
 const ToolBox: FC = (props: any) => <ButtonGroup mi='x4' medium {...props}/>;
 
+const HeaderLink: FC = (props: BoxProps) => <Box
+	is='a'
+	{...props}
+	className={[
+		css`
+			&:hover,
+			&:focus{
+				color: ${ colors.b500 } !important;
+			}
+			&:visited{
+				color: ${ colors.n800 };
+			}
+		`,
+	].filter(Boolean)}
+/>;
+
+const HeaderTag: FC = ({ children, ...props }: TagProps) => <Tag {...props}><Box display='flex' fontScale='p2'>{children}</Box></Tag>;
+
 const ToolBoxAction: FC = ({ id, icon, color, title, action, className, tabId, index, ...props }: any) => <ActionButton
 	className={className}
 	primary={tabId === id}
@@ -67,4 +97,6 @@ Object.assign(Header, {
 	ToolBoxAction,
 	Divider: HeaderDivider,
 	Icon: HeaderIcon,
+	Link: HeaderLink,
+	Tag: HeaderTag,
 });
diff --git a/client/components/RoomForeword.js b/client/components/RoomForeword.js
index aa0cd9c335cce..d71798d2ae90b 100644
--- a/client/components/RoomForeword.js
+++ b/client/components/RoomForeword.js
@@ -52,6 +52,7 @@ const RoomForeword = ({ _id: rid }) => {
 				<Margins inline='x4' key={index}>
 					<Box is='a' href={`/direct/${ username }`}>
 						<Tag
+							variant='secondary'
 							className='mention-link'
 							data-username={username}
 							medium
diff --git a/client/views/room/Header/Header.js b/client/views/room/Header/Header.js
index 2338e64134353..ee4259ec5f5dc 100644
--- a/client/views/room/Header/Header.js
+++ b/client/views/room/Header/Header.js
@@ -1,9 +1,8 @@
 import React, { useMemo, useEffect } from 'react';
 import { Meteor } from 'meteor/meteor';
-import { Box, Skeleton } from '@rocket.chat/fuselage';
+import { Box, Skeleton, Icon } from '@rocket.chat/fuselage';
 
 import Header from '../../../components/Header';
-import Breadcrumbs from '../../../components/Breadcrumbs';
 import { useRoomIcon } from '../../../hooks/useRoomIcon';
 import { useEndpointData } from '../../../hooks/useEndpointData';
 import { AsyncStatePhase, useAsyncState } from '../../../hooks/useAsyncState';
@@ -38,7 +37,9 @@ export default React.memo(({ room }) => {
 const HeaderIcon = ({ room }) => {
 	const icon = useRoomIcon(room);
 
-	return <Breadcrumbs.Icon name={icon.name}>{!icon.name && icon}</Breadcrumbs.Icon>;
+	return <Box w='x20' mi='x2' display='inline-flex' justifyContent='center'>
+		{icon.name ? <Icon size='x20' {...icon}/> : Icon}
+	</Box>;
 };
 
 const RoomTitle = ({ room }) => <>
@@ -85,10 +86,12 @@ const ParentRoomWithEndpointData = ({ rid }) => {
 const ParentRoom = ({ room }) => {
 	const href = roomTypes.getRouteLink(room.t, room);
 
-	return <Breadcrumbs.Tag>
+	return <Header.Tag>
 		<HeaderIcon room={room}/>
-		<Breadcrumbs.Link href={href}>{roomTypes.getRoomName(room.t, room)}</Breadcrumbs.Link>
-	</Breadcrumbs.Tag>;
+		<Header.Link href={href}>
+			{roomTypes.getRoomName(room.t, room)}
+		</Header.Link>
+	</Header.Tag>;
 };
 
 const ParentTeam = ({ room }) => {
@@ -104,15 +107,14 @@ const ParentTeam = ({ room }) => {
 
 	const teamMainRoom = useUserSubscription(value?.teamInfo?.roomId);
 	const teamMainRoomHref = teamMainRoom ? roomTypes.getRouteLink(teamMainRoom.t, teamMainRoom) : null;
-	const teamIcon = value?.t === 0 ? 'team' : 'team-lock';
 
-	return teamLoading || userTeamsLoading || room.teamMain ? null : <Breadcrumbs.Tag>
-		<Breadcrumbs.IconSmall name={teamIcon}></Breadcrumbs.IconSmall>
+	return teamLoading || userTeamsLoading || room.teamMain ? null : <Header.Tag>
+		<HeaderIcon room={teamMainRoom}/>
 		{belongsToTeam
-			? <Breadcrumbs.Link href={teamMainRoomHref}>{teamMainRoom?.name}</Breadcrumbs.Link>
-			: <Breadcrumbs.Text>{teamMainRoom?.name}</Breadcrumbs.Text>
+			? <Header.Link href={teamMainRoomHref}>{teamMainRoom?.name}</Header.Link>
+			: teamMainRoom?.name
 		}
-	</Breadcrumbs.Tag>;
+	</Header.Tag>;
 };
 const DirectRoomHeader = ({ room }) => {
 	const userId = useUserId();
diff --git a/package-lock.json b/package-lock.json
index 233adc1974803..0d12d601e1606 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5920,12 +5920,12 @@
 			}
 		},
 		"@rocket.chat/css-in-js": {
-			"version": "0.6.3-dev.205",
-			"resolved": "https://registry.npmjs.org/@rocket.chat/css-in-js/-/css-in-js-0.6.3-dev.205.tgz",
-			"integrity": "sha512-RMm2sNTb5bSKNkp1Vgs3SEywSudqo6shCWWghkStf8uf3EWiGsohB2vZGMtHZ1D4MoDDBGGZRfC07cItf/D7fA==",
+			"version": "0.23.0",
+			"resolved": "https://registry.npmjs.org/@rocket.chat/css-in-js/-/css-in-js-0.23.0.tgz",
+			"integrity": "sha512-yIfMcskwW62OM6ibtnQUW8ZU/mOfPgzs2SEirWYHtX8YnbVd3aa4hyaacXkrGqV2JJ9yBjmXg0enM+/GsfvKVQ==",
 			"requires": {
 				"@emotion/hash": "^0.8.0",
-				"@rocket.chat/memo": "^0.6.3-dev.205+6d3c811f",
+				"@rocket.chat/memo": "^0.23.0",
 				"stylis": "^4.0.6"
 			},
 			"dependencies": {
@@ -5937,9 +5937,9 @@
 			}
 		},
 		"@rocket.chat/emitter": {
-			"version": "0.6.3-dev.205",
-			"resolved": "https://registry.npmjs.org/@rocket.chat/emitter/-/emitter-0.6.3-dev.205.tgz",
-			"integrity": "sha512-Lj7MIi/iVWV/2YzxFd5KBt3D7sbbfZ9js0v2BNDGzHSgv6p38iUR3gVjjyizJ8VAW+/z2rw3gjWqmGThX8Y5ZQ=="
+			"version": "0.23.0",
+			"resolved": "https://registry.npmjs.org/@rocket.chat/emitter/-/emitter-0.23.0.tgz",
+			"integrity": "sha512-u8uadcdgJgPMEK9sJ/YAcdFX358kHi8x5/Sg4bw7LiB3BrRv2hHtAEefij5DqYuyuv5QVGc857Z4+o2YD1GHOA=="
 		},
 		"@rocket.chat/eslint-config": {
 			"version": "0.3.0",
@@ -5951,66 +5951,49 @@
 			}
 		},
 		"@rocket.chat/fuselage": {
-			"version": "0.6.3-dev.206",
-			"resolved": "https://registry.npmjs.org/@rocket.chat/fuselage/-/fuselage-0.6.3-dev.206.tgz",
-			"integrity": "sha512-pvvxCyK3M1zqkxS8+9PzmPm8V60uycKFAOqWc31ybHbbR18PkIQH1xcCxh1MUBHwuV3nERe56mpJM03ifOw0xw==",
+			"version": "0.23.0",
+			"resolved": "https://registry.npmjs.org/@rocket.chat/fuselage/-/fuselage-0.23.0.tgz",
+			"integrity": "sha512-C3X8RxNUA2pcpmRbyvgS680/OLaPsQm6FMc7qysso7jPWysn68a6TRns48Y8H1+Wrbu/bgP6HooGdqhOCjiRew==",
 			"requires": {
-				"@rocket.chat/css-in-js": "^0.22.0",
-				"@rocket.chat/fuselage-tokens": "^0.22.0",
+				"@rocket.chat/css-in-js": "^0.23.0",
+				"@rocket.chat/fuselage-tokens": "^0.23.0",
 				"@rocket.chat/memo": "^0.6.3-dev.180",
 				"invariant": "^2.2.4",
 				"react-keyed-flatten-children": "^1.2.0"
 			},
 			"dependencies": {
-				"@rocket.chat/css-in-js": {
-					"version": "0.22.0",
-					"resolved": "https://registry.npmjs.org/@rocket.chat/css-in-js/-/css-in-js-0.22.0.tgz",
-					"integrity": "sha512-VC4EwNTNOmtVs66uqsMn3X0dhe4TjIjMIPTcFRKvxSbhOb/NG7VnzEPYSwac8/d6r/fVTfx7QwmZuvPUakrhIg==",
-					"requires": {
-						"@emotion/hash": "^0.8.0",
-						"@rocket.chat/memo": "^0.22.0",
-						"stylis": "^4.0.6"
-					},
-					"dependencies": {
-						"@rocket.chat/memo": {
-							"version": "0.22.0",
-							"resolved": "https://registry.npmjs.org/@rocket.chat/memo/-/memo-0.22.0.tgz",
-							"integrity": "sha512-+j5Vw0bDSLlCT5xA2JO1BDdd7nRdc32RtyiTtmj6PiYpk7AwbG2F/VtAA75dga1irnCVgexoIa/EYCEh0yvksQ=="
-						}
-					}
-				},
 				"@rocket.chat/fuselage-tokens": {
-					"version": "0.22.0",
-					"resolved": "https://registry.npmjs.org/@rocket.chat/fuselage-tokens/-/fuselage-tokens-0.22.0.tgz",
-					"integrity": "sha512-FhkZFE/HRjBTUG81TNPwILoJQZihyvhKT/XF2Zo8FxBQeDYXpMdyU/scesw8PpNZFTFEjMT7WEu5+QWVkVoq1A=="
+					"version": "0.23.0",
+					"resolved": "https://registry.npmjs.org/@rocket.chat/fuselage-tokens/-/fuselage-tokens-0.23.0.tgz",
+					"integrity": "sha512-+PrupIFncSYdIJT9h200c3r9vbP5lfDPTTSp/20CDVRerzHbTkhHCD9ioPrQbtRpodQmW5HgrLKPhZ4n3FIblA=="
 				},
-				"stylis": {
-					"version": "4.0.9",
-					"resolved": "https://registry.npmjs.org/stylis/-/stylis-4.0.9.tgz",
-					"integrity": "sha512-ci7pEFNVW3YJiWEzqPOMsAjY6kgraZ3ZgBfQ5HYbNtLJEsQ0G46ejWZpfSSCp/FaSiCSGGhzL9O2lN+2cB6ong=="
+				"@rocket.chat/memo": {
+					"version": "0.6.3-dev.208",
+					"resolved": "https://registry.npmjs.org/@rocket.chat/memo/-/memo-0.6.3-dev.208.tgz",
+					"integrity": "sha512-kOBQ6qlCBDavqIGgli/dZo4DmfS1cqqqRJSDso+cLrj7tqqnyyr54cFuYjVOnu/q1zgeroDvrOrKcFEBvGVIgw=="
 				}
 			}
 		},
 		"@rocket.chat/fuselage-hooks": {
-			"version": "0.6.3-dev.205",
-			"resolved": "https://registry.npmjs.org/@rocket.chat/fuselage-hooks/-/fuselage-hooks-0.6.3-dev.205.tgz",
-			"integrity": "sha512-jnTxmdzG9vIrx7tKG8ZwdyjN+11RHtjYRBF5jAXhQbHWG04CcOG4gVYsWEoVOa1ab9I76SMfwDRML/JICb7/Lg==",
+			"version": "0.23.0",
+			"resolved": "https://registry.npmjs.org/@rocket.chat/fuselage-hooks/-/fuselage-hooks-0.23.0.tgz",
+			"integrity": "sha512-r23yPu8rkio8Hs8QVLAKUJ4DjyVHyB/SJ+P6IlRAYj+JWXpJ6gBOaZPs+Fg9GpsD8ORXQfgy7ndNFrarJFaWyg==",
 			"requires": {
-				"@rocket.chat/fuselage-tokens": "^0.6.3-dev.205+6d3c811f",
+				"@rocket.chat/fuselage-tokens": "^0.23.0",
 				"use-subscription": "^1.4.1"
 			},
 			"dependencies": {
 				"@rocket.chat/fuselage-tokens": {
-					"version": "0.6.3-dev.205",
-					"resolved": "https://registry.npmjs.org/@rocket.chat/fuselage-tokens/-/fuselage-tokens-0.6.3-dev.205.tgz",
-					"integrity": "sha512-4ACSLapZpzLtaZPxdcrxyKTleZYjpEMk+NCpFtr7TuG3qBQP239XSR6b4/7yaQw3h7DUzatcpUWyNxfAnkUl5A=="
+					"version": "0.23.0",
+					"resolved": "https://registry.npmjs.org/@rocket.chat/fuselage-tokens/-/fuselage-tokens-0.23.0.tgz",
+					"integrity": "sha512-+PrupIFncSYdIJT9h200c3r9vbP5lfDPTTSp/20CDVRerzHbTkhHCD9ioPrQbtRpodQmW5HgrLKPhZ4n3FIblA=="
 				}
 			}
 		},
 		"@rocket.chat/fuselage-polyfills": {
-			"version": "0.22.1-dev.0",
-			"resolved": "https://registry.npmjs.org/@rocket.chat/fuselage-polyfills/-/fuselage-polyfills-0.22.1-dev.0.tgz",
-			"integrity": "sha512-eMDOiq5lXUXuXgF/Dz2/FQs0PosXlpLGC3iCsYmNI/LxAPJbwQ/PRSRNrQczRrWpeVpqPKzkoaJosGzVAlqWBg==",
+			"version": "0.23.0",
+			"resolved": "https://registry.npmjs.org/@rocket.chat/fuselage-polyfills/-/fuselage-polyfills-0.23.0.tgz",
+			"integrity": "sha512-Rym5Q3XT/md6uuJxvQtGoBh9GBxdqDy+JxNlgDMc9P8xAEamXpPztyc8fwNmUtR3TPzQyFRHb3hwx5FRtnfsiA==",
 			"requires": {
 				"@juggle/resize-observer": "^3.2.0",
 				"clipboard-polyfill": "^3.0.1",
@@ -6021,37 +6004,22 @@
 			}
 		},
 		"@rocket.chat/fuselage-tokens": {
-			"version": "0.21.0",
-			"resolved": "https://registry.npmjs.org/@rocket.chat/fuselage-tokens/-/fuselage-tokens-0.21.0.tgz",
-			"integrity": "sha512-gVzQHhUsZSLbIkwGi8f1KpsTepkmtwHs7hl1gGr0HrnI4eYhBWpMOEjdiH3czhPuoF/O4C8QjdpDrktIuwkVNQ=="
+			"version": "0.23.0",
+			"resolved": "https://registry.npmjs.org/@rocket.chat/fuselage-tokens/-/fuselage-tokens-0.23.0.tgz",
+			"integrity": "sha512-+PrupIFncSYdIJT9h200c3r9vbP5lfDPTTSp/20CDVRerzHbTkhHCD9ioPrQbtRpodQmW5HgrLKPhZ4n3FIblA=="
 		},
 		"@rocket.chat/fuselage-ui-kit": {
-			"version": "0.6.3-dev.206",
-			"resolved": "https://registry.npmjs.org/@rocket.chat/fuselage-ui-kit/-/fuselage-ui-kit-0.6.3-dev.206.tgz",
-			"integrity": "sha512-/jX4N1RtDhMEQe7Tj7sjBhMoAkS6JgNph1zy93GaICP1d6PVfKN9yOL/bnZoTlPqO8MAIa6jOBAflNzpWjZDAw==",
+			"version": "0.23.0",
+			"resolved": "https://registry.npmjs.org/@rocket.chat/fuselage-ui-kit/-/fuselage-ui-kit-0.23.0.tgz",
+			"integrity": "sha512-1cW81/a4WGn7v91XyzHRhAztEDFZXiOa/HYjWLFzFsWe2qFvg7G+OL2MOqRvsI9Xw4lvX2/bpeIEQkfjmKxDdg==",
 			"requires": {
-				"@rocket.chat/fuselage-polyfills": "^0.22.0"
-			},
-			"dependencies": {
-				"@rocket.chat/fuselage-polyfills": {
-					"version": "0.22.0",
-					"resolved": "https://registry.npmjs.org/@rocket.chat/fuselage-polyfills/-/fuselage-polyfills-0.22.0.tgz",
-					"integrity": "sha512-hIAN9iIp3w5T9lTdTOG4QIYgZosc2sbZrNLBYiEMJpBnHY85f9FjD7YPazbNplxCVCEDIxdzUkod4at8Y8iGYA==",
-					"requires": {
-						"@juggle/resize-observer": "^3.2.0",
-						"clipboard-polyfill": "^3.0.1",
-						"element-closest-polyfill": "^1.0.2",
-						"focus-visible": "^5.2.0",
-						"focus-within-polyfill": "^5.1.0",
-						"new-event-polyfill": "^1.0.1"
-					}
-				}
+				"@rocket.chat/fuselage-polyfills": "^0.23.0"
 			}
 		},
 		"@rocket.chat/icons": {
-			"version": "0.6.3-dev.206",
-			"resolved": "https://registry.npmjs.org/@rocket.chat/icons/-/icons-0.6.3-dev.206.tgz",
-			"integrity": "sha512-uyoGu8NGzOdn+RSdFgzreM6Wmgks3LEhg42mbfygcGRP6oXpO769iD0UUY3FdeLrcRBh4/91ly3kAukAG+691Q==",
+			"version": "0.23.0",
+			"resolved": "https://registry.npmjs.org/@rocket.chat/icons/-/icons-0.23.0.tgz",
+			"integrity": "sha512-kX4t8C2LtfxY7KxFqt9Yb+jQHcBGJ/9VLWVhxvVLGv6P3DpCUBdsqeRNi8q9xq0pegYTgwSX7XhVh+NFKCVEcw==",
 			"dev": true
 		},
 		"@rocket.chat/livechat": {
@@ -6107,14 +6075,14 @@
 			}
 		},
 		"@rocket.chat/memo": {
-			"version": "0.6.3-dev.205",
-			"resolved": "https://registry.npmjs.org/@rocket.chat/memo/-/memo-0.6.3-dev.205.tgz",
-			"integrity": "sha512-xrwGKR2kn3VNMBw4BFHDeoU0bxF3EClxrKWKzsvmELx+qo2x4hk7HXZyZ2Z8IdmSWJS/yNCq0jv6T6A2k8KnqQ=="
+			"version": "0.23.0",
+			"resolved": "https://registry.npmjs.org/@rocket.chat/memo/-/memo-0.23.0.tgz",
+			"integrity": "sha512-FRxvFBwcsJ+R9HlPVQu5Sdi6ppkmcKU8Q/1ABpOmYoXNwRAXZsq5fS6HNFxi/tUokpSp2Oh5N7aiPBsM6Tm9rA=="
 		},
 		"@rocket.chat/mp3-encoder": {
-			"version": "0.6.3-dev.205",
-			"resolved": "https://registry.npmjs.org/@rocket.chat/mp3-encoder/-/mp3-encoder-0.6.3-dev.205.tgz",
-			"integrity": "sha512-q9sRpjPvU6qf5JZAy6Gii7nmHGVYhp2YZmdzC9/rdL1D9VIZtvPfvfroQUw8K/rsgPylGzSjcTNd3cUx4Asorw==",
+			"version": "0.23.0",
+			"resolved": "https://registry.npmjs.org/@rocket.chat/mp3-encoder/-/mp3-encoder-0.23.0.tgz",
+			"integrity": "sha512-khRx3/edX9Z1rTJ+8D0duWj7eNqWL05NeK4bFu3FQchvJnGXG8ZTvbYfAfNsiwETN0vTixOHEg78x4El9L3zUQ==",
 			"requires": {
 				"lamejs": "git+https://github.com/zhuker/lamejs.git"
 			}
@@ -6162,9 +6130,9 @@
 			}
 		},
 		"@rocket.chat/ui-kit": {
-			"version": "0.6.3-dev.205",
-			"resolved": "https://registry.npmjs.org/@rocket.chat/ui-kit/-/ui-kit-0.6.3-dev.205.tgz",
-			"integrity": "sha512-9n8+5N7MBKUJSliNKMDqNcWJEmG6TjBk4637LezPP9t/gbVz0KlJg4ITWV1NhPXWoQkXOj26C/uVqWhZjyNyXA=="
+			"version": "0.23.0",
+			"resolved": "https://registry.npmjs.org/@rocket.chat/ui-kit/-/ui-kit-0.23.0.tgz",
+			"integrity": "sha512-V1uTAvLjZE4kQZN70Dyvc3Tnk39y8HdsI5DpD9LseM+BpzgQvUZ65SSI1daZCdoHWZpe9Jo77ZqRcMtdMXbqUg=="
 		},
 		"@samverschueren/stream-to-observable": {
 			"version": "0.3.1",
@@ -19951,7 +19919,7 @@
 				},
 				"chownr": {
 					"version": "1.1.1",
-					"resolved": "",
+					"resolved": false,
 					"integrity": "sha512-j38EvO5+LHX84jlo6h4UzmOwi0UgW61WRyPtJz4qaadK5eY3BTS5TY/S1Stc3Uk2lIM6TPevAlULiEJwie860g==",
 					"dev": true,
 					"optional": true
@@ -19986,7 +19954,7 @@
 				},
 				"debug": {
 					"version": "4.1.1",
-					"resolved": "",
+					"resolved": false,
 					"integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==",
 					"dev": true,
 					"optional": true,
@@ -20017,7 +19985,7 @@
 				},
 				"fs-minipass": {
 					"version": "1.2.5",
-					"resolved": "",
+					"resolved": false,
 					"integrity": "sha512-JhBl0skXjUPCFH7x6x61gQxrKyXsxB5gcgePLZCwfyCGGsTISMoIeObbrvVeP6Xmyaudw4TT43qV2Gz+iyd2oQ==",
 					"dev": true,
 					"optional": true,
@@ -20051,7 +20019,7 @@
 				},
 				"glob": {
 					"version": "7.1.3",
-					"resolved": "",
+					"resolved": false,
 					"integrity": "sha512-vcfuiIxogLV4DlGBHIUOwI0IbrJ8HWPc4MU7HzviGeNho/UJDfi6B5p3sHeWIQ0KGIU0Jpxi5ZHxemQfLkkAwQ==",
 					"dev": true,
 					"optional": true,
@@ -20083,7 +20051,7 @@
 				},
 				"ignore-walk": {
 					"version": "3.0.1",
-					"resolved": "",
+					"resolved": false,
 					"integrity": "sha512-DTVlMx3IYPe0/JJcYP7Gxg7ttZZu3IInhuEhbchuqneY9wWe5Ojy2mXLBaQFUQmo0AW2r3qG7m1mg86js+gnlQ==",
 					"dev": true,
 					"optional": true,
@@ -20104,7 +20072,7 @@
 				},
 				"inherits": {
 					"version": "2.0.3",
-					"resolved": "",
+					"resolved": false,
 					"integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=",
 					"dev": true,
 					"optional": true
@@ -20152,7 +20120,7 @@
 				},
 				"minipass": {
 					"version": "2.3.5",
-					"resolved": "",
+					"resolved": false,
 					"integrity": "sha512-Gi1W4k059gyRbyVUZQ4mEqLm0YIUiGYfvxhF6SIlk3ui1WVxMTGfGdQ2SInh3PDrRTVvPKgULkpJtT4RH10+VA==",
 					"dev": true,
 					"optional": true,
@@ -20163,7 +20131,7 @@
 				},
 				"minizlib": {
 					"version": "1.2.1",
-					"resolved": "",
+					"resolved": false,
 					"integrity": "sha512-7+4oTUOWKg7AuL3vloEWekXY2/D20cevzsrNT2kGWm+39J9hGTCBv8VI5Pm5lXZ/o3/mdR4f8rflAPhnQb8mPA==",
 					"dev": true,
 					"optional": true,
@@ -20183,7 +20151,7 @@
 				},
 				"ms": {
 					"version": "2.1.1",
-					"resolved": "",
+					"resolved": false,
 					"integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==",
 					"dev": true,
 					"optional": true
@@ -20197,7 +20165,7 @@
 				},
 				"needle": {
 					"version": "2.3.0",
-					"resolved": "",
+					"resolved": false,
 					"integrity": "sha512-QBZu7aAFR0522EyaXZM0FZ9GLpq6lvQ3uq8gteiDUp7wKdy0lSd2hPlgFwVuW1CBkfEs9PfDQsQzZghLs/psdg==",
 					"dev": true,
 					"optional": true,
@@ -20209,7 +20177,7 @@
 				},
 				"node-pre-gyp": {
 					"version": "0.12.0",
-					"resolved": "",
+					"resolved": false,
 					"integrity": "sha512-4KghwV8vH5k+g2ylT+sLTjy5wmUOb9vPhnM8NHvRf9dHmnW/CndrFXy2aRPaPST6dugXSdHXfeaHQm77PIz/1A==",
 					"dev": true,
 					"optional": true,
@@ -20239,14 +20207,14 @@
 				},
 				"npm-bundled": {
 					"version": "1.0.6",
-					"resolved": "",
+					"resolved": false,
 					"integrity": "sha512-8/JCaftHwbd//k6y2rEWp6k1wxVfpFzB6t1p825+cUb7Ym2XQfhwIC5KwhrvzZRJu+LtDE585zVaS32+CGtf0g==",
 					"dev": true,
 					"optional": true
 				},
 				"npm-packlist": {
 					"version": "1.4.1",
-					"resolved": "",
+					"resolved": false,
 					"integrity": "sha512-+TcdO7HJJ8peiiYhvPxsEDhF3PJFGUGRcFsGve3vxvxdcpO2Z4Z7rkosRM0kWj6LfbK/P0gu3dzk5RU1ffvFcw==",
 					"dev": true,
 					"optional": true,
@@ -20326,7 +20294,7 @@
 				},
 				"process-nextick-args": {
 					"version": "2.0.0",
-					"resolved": "",
+					"resolved": false,
 					"integrity": "sha512-MtEC1TqN0EU5nephaJ4rAtThHtC86dNN9qCuEhtshvpVBkAW5ZO7BASN9REnF9eoXGcRub+pFuKEpOHE+HbEMw==",
 					"dev": true,
 					"optional": true
@@ -20371,7 +20339,7 @@
 				},
 				"rimraf": {
 					"version": "2.6.3",
-					"resolved": "",
+					"resolved": false,
 					"integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==",
 					"dev": true,
 					"optional": true,
@@ -20402,7 +20370,7 @@
 				},
 				"semver": {
 					"version": "5.7.0",
-					"resolved": "",
+					"resolved": false,
 					"integrity": "sha512-Ya52jSX2u7QKghxeoFGpLwCtGlt7j0oY9DYb5apt9nPlJ42ID+ulTXESnt/qAQcoSERyZ5sl3LDIOw0nAn/5DA==",
 					"dev": true,
 					"optional": true
@@ -20462,7 +20430,7 @@
 				},
 				"tar": {
 					"version": "4.4.8",
-					"resolved": "",
+					"resolved": false,
 					"integrity": "sha512-LzHF64s5chPQQS0IYBn9IN5h3i98c12bo4NCO7e0sGM2llXQ3p2FGC5sdENN4cTW48O915Sh+x+EXx7XW96xYQ==",
 					"dev": true,
 					"optional": true,
@@ -20502,7 +20470,7 @@
 				},
 				"yallist": {
 					"version": "3.0.3",
-					"resolved": "",
+					"resolved": false,
 					"integrity": "sha512-S+Zk8DEWE6oKpV+vI3qWkaK+jSbIK86pCwe2IF/xwIpQ8jEuxpw9NyaGjmp9+BoJv5FV2piqCDcoCtStppiq2A==",
 					"dev": true,
 					"optional": true
diff --git a/package.json b/package.json
index 373651a6bc08f..174864a6d7094 100644
--- a/package.json
+++ b/package.json
@@ -56,7 +56,7 @@
 		"@babel/register": "^7.12.1",
 		"@octokit/rest": "^16.43.2",
 		"@rocket.chat/eslint-config": "^0.3.0",
-		"@rocket.chat/icons": "^0.6.3-dev.206",
+		"@rocket.chat/icons": "^0.23.0",
 		"@rocket.chat/livechat": "^1.9.0",
 		"@settlin/spacebars-loader": "^1.0.8",
 		"@storybook/addon-essentials": "^6.1.11",
@@ -138,15 +138,15 @@
 		"@nivo/line": "^0.61.1",
 		"@nivo/pie": "^0.61.1",
 		"@rocket.chat/apps-engine": "1.24.0",
-		"@rocket.chat/css-in-js": "^0.6.3-dev.205",
-		"@rocket.chat/emitter": "^0.6.3-dev.205",
-		"@rocket.chat/fuselage": "^0.6.3-dev.206",
-		"@rocket.chat/fuselage-hooks": "^0.6.3-dev.205",
-		"@rocket.chat/fuselage-polyfills": "^0.22.1-dev.0",
-		"@rocket.chat/fuselage-tokens": "^0.21.0",
-		"@rocket.chat/fuselage-ui-kit": "^0.6.3-dev.206",
-		"@rocket.chat/mp3-encoder": "^0.6.3-dev.205",
-		"@rocket.chat/ui-kit": "^0.6.3-dev.205",
+		"@rocket.chat/css-in-js": "^0.23.0",
+		"@rocket.chat/emitter": "^0.23.0",
+		"@rocket.chat/fuselage": "^0.23.0",
+		"@rocket.chat/fuselage-hooks": "^0.23.0",
+		"@rocket.chat/fuselage-polyfills": "^0.23.0",
+		"@rocket.chat/fuselage-tokens": "^0.23.0",
+		"@rocket.chat/fuselage-ui-kit": "^0.23.0",
+		"@rocket.chat/mp3-encoder": "^0.23.0",
+		"@rocket.chat/ui-kit": "^0.23.0",
 		"@slack/client": "^4.12.0",
 		"@types/dompurify": "^2.2.1",
 		"@types/fibers": "^3.1.0",