diff --git a/apps/meteor/client/views/omnichannel/cannedResponses/contextualBar/CannedResponse/CannedResponseList.spec.tsx b/apps/meteor/client/views/omnichannel/cannedResponses/contextualBar/CannedResponse/CannedResponseList.spec.tsx
index 55267acdf7cf4..f15d071c5d3f5 100644
--- a/apps/meteor/client/views/omnichannel/cannedResponses/contextualBar/CannedResponse/CannedResponseList.spec.tsx
+++ b/apps/meteor/client/views/omnichannel/cannedResponses/contextualBar/CannedResponse/CannedResponseList.spec.tsx
@@ -66,6 +66,7 @@ describe('CannedResponseList', () => {
 			setType: jest.fn(),
 			isRoomOverMacLimit: false,
 			onClickItem: jest.fn(),
+			onClickBack: jest.fn(),
 			onClickCreate: jest.fn(),
 			onClickUse: jest.fn(),
 			reload: jest.fn(),
diff --git a/apps/meteor/client/views/omnichannel/cannedResponses/contextualBar/CannedResponse/CannedResponseList.stories.tsx b/apps/meteor/client/views/omnichannel/cannedResponses/contextualBar/CannedResponse/CannedResponseList.stories.tsx
index 538123afda88a..5a27b86dfedf4 100644
--- a/apps/meteor/client/views/omnichannel/cannedResponses/contextualBar/CannedResponse/CannedResponseList.stories.tsx
+++ b/apps/meteor/client/views/omnichannel/cannedResponses/contextualBar/CannedResponse/CannedResponseList.stories.tsx
@@ -73,5 +73,7 @@ Default.args = {
 	],
 	itemCount: 3,
 	loadMoreItems: action('loadMoreItems'),
+	onClickItem: action('onClickItem'),
+	onClickBack: action('onClickBack'),
 };
 Default.decorators = [(fn) => <Contextualbar height='100vh'>{fn()}</Contextualbar>];
diff --git a/apps/meteor/client/views/omnichannel/cannedResponses/contextualBar/CannedResponse/CannedResponseList.tsx b/apps/meteor/client/views/omnichannel/cannedResponses/contextualBar/CannedResponse/CannedResponseList.tsx
index 9d2df044c3201..8e77a210cf962 100644
--- a/apps/meteor/client/views/omnichannel/cannedResponses/contextualBar/CannedResponse/CannedResponseList.tsx
+++ b/apps/meteor/client/views/omnichannel/cannedResponses/contextualBar/CannedResponse/CannedResponseList.tsx
@@ -11,7 +11,7 @@ import {
 	ContextualbarDialog,
 } from '@rocket.chat/ui-client';
 import { useRoomToolbox } from '@rocket.chat/ui-contexts';
-import type { Dispatch, FormEventHandler, MouseEvent, ReactElement, SetStateAction } from 'react';
+import type { Dispatch, FormEventHandler, MouseEvent, MouseEventHandler, ReactElement, SetStateAction } from 'react';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Virtuoso } from 'react-virtuoso';
@@ -31,7 +31,8 @@ type CannedResponseListProps = {
 	type: string;
 	setType: Dispatch<SetStateAction<string>>;
 	isRoomOverMacLimit: boolean;
-	onClickItem: (data: any) => void; // FIXME: fix typings
+	onClickItem: (data: IOmnichannelCannedResponse & { departmentName?: ILivechatDepartment['name'] }) => void;
+	onClickBack: MouseEventHandler<HTMLOrSVGElement>;
 	onClickCreate: (e: MouseEvent<HTMLOrSVGElement>) => void;
 	onClickUse: (e: MouseEvent<HTMLOrSVGElement>, text: string) => void;
 	reload: () => void;
@@ -49,6 +50,7 @@ const CannedResponseList = ({
 	setType,
 	isRoomOverMacLimit,
 	onClickItem,
+	onClickBack,
 	onClickCreate,
 	onClickUse,
 	reload,
@@ -70,7 +72,7 @@ const CannedResponseList = ({
 			<WrapCannedResponse
 				canUseCannedResponses={!isRoomOverMacLimit}
 				cannedItem={cannedItem}
-				onClickBack={onClickItem}
+				onClickBack={onClickBack}
 				onClickUse={onClickUse}
 				onClose={onClose}
 				reload={reload}
diff --git a/apps/meteor/client/views/omnichannel/cannedResponses/contextualBar/CannedResponse/WrapCannedResponseList.tsx b/apps/meteor/client/views/omnichannel/cannedResponses/contextualBar/CannedResponse/WrapCannedResponseList.tsx
index 9109ddcdd1f5c..c6987f573723b 100644
--- a/apps/meteor/client/views/omnichannel/cannedResponses/contextualBar/CannedResponse/WrapCannedResponseList.tsx
+++ b/apps/meteor/client/views/omnichannel/cannedResponses/contextualBar/CannedResponse/WrapCannedResponseList.tsx
@@ -37,7 +37,7 @@ export const WrapCannedResponseList = () => {
 	const onClickItem = useEffectEvent(
 		(
 			data: IOmnichannelCannedResponse & {
-				departmentName: ILivechatDepartment['name'];
+				departmentName?: ILivechatDepartment['name'];
 			},
 		) => {
 			const { _id: context } = data;
@@ -53,6 +53,16 @@ export const WrapCannedResponseList = () => {
 		},
 	);
 
+	const onClickBack = useEffectEvent((_e: MouseEvent<HTMLOrSVGElement>) => {
+		router.navigate({
+			name: router.getRouteName() ?? 'live',
+			params: {
+				id: room._id,
+				tab: 'canned-responses',
+			},
+		});
+	});
+
 	const composer = useChat()?.composer;
 
 	const onClickUse = (e: MouseEvent<HTMLOrSVGElement>, text: string): void => {
@@ -81,6 +91,7 @@ export const WrapCannedResponseList = () => {
 			isRoomOverMacLimit={isRoomOverMacLimit}
 			onClickUse={onClickUse}
 			onClickItem={onClickItem}
+			onClickBack={onClickBack}
 			onClickCreate={onClickCreate}
 			reload={refetch}
 		/>