diff --git a/ee/client/omnichannel/cannedResponses/CannedResponseAdd.js b/ee/client/omnichannel/cannedResponses/CannedResponseAdd.js
index 4fa64dffc3d45..2e36fa464a010 100644
--- a/ee/client/omnichannel/cannedResponses/CannedResponseAdd.js
+++ b/ee/client/omnichannel/cannedResponses/CannedResponseAdd.js
@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { ButtonGroup, Button, ActionButton } from '@rocket.chat/fuselage';
+import { ButtonGroup, Button } from '@rocket.chat/fuselage';
 import { useMutableCallback } from '@rocket.chat/fuselage-hooks';
 
 import { useTranslation } from '../../../../client/contexts/TranslationContext';
@@ -30,7 +30,7 @@ const CannedResponseEdit = ({ onSave, onReturn, onClose }) => {
 
 	return <VerticalBar>
 		<VerticalBar.Header>
-			<ActionButton tiny ghost mis='none' icon='arrow-back' onClick={onReturn} />
+			<VerticalBar.Back onClick={onReturn} />
 			<VerticalBar.Text>{t('New_Canned_Response')}</VerticalBar.Text>
 			<VerticalBar.Close onClick={onClose} />
 		</VerticalBar.Header>
diff --git a/ee/client/omnichannel/cannedResponses/CannedResponseDetails.js b/ee/client/omnichannel/cannedResponses/CannedResponseDetails.js
index 937d163a76183..c4f372939a267 100644
--- a/ee/client/omnichannel/cannedResponses/CannedResponseDetails.js
+++ b/ee/client/omnichannel/cannedResponses/CannedResponseDetails.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Box, Margins, ButtonGroup, Button, Icon, ActionButton } from '@rocket.chat/fuselage';
+import { Box, Margins, ButtonGroup, Button, Icon } from '@rocket.chat/fuselage';
 import { css } from '@rocket.chat/css-in-js';
 
 import { useTranslation } from '../../../../client/contexts/TranslationContext';
@@ -13,7 +13,7 @@ export const CannedResponseDetails = ({ response: { shortcut, text, scope }, onE
 
 	return <VerticalBar>
 		<VerticalBar.Header>
-			<ActionButton tiny ghost mis='none' icon='arrow-back' onClick={onReturn} />
+			<VerticalBar.Back onClick={onReturn} />
 			<VerticalBar.Text>!{shortcut}</VerticalBar.Text>
 			<VerticalBar.Close onClick={onClose} />
 		</VerticalBar.Header>
diff --git a/ee/client/omnichannel/cannedResponses/CannedResponseEdit.js b/ee/client/omnichannel/cannedResponses/CannedResponseEdit.js
index 71f524ac68208..ceb107f5f184a 100644
--- a/ee/client/omnichannel/cannedResponses/CannedResponseEdit.js
+++ b/ee/client/omnichannel/cannedResponses/CannedResponseEdit.js
@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { ButtonGroup, Button, ActionButton } from '@rocket.chat/fuselage';
+import { ButtonGroup, Button } from '@rocket.chat/fuselage';
 import { useMutableCallback } from '@rocket.chat/fuselage-hooks';
 
 import { useTranslation } from '../../../../client/contexts/TranslationContext';
@@ -31,7 +31,7 @@ const CannedResponseEdit = ({ response, onSave, onReturn, onClose }) => {
 
 	return <VerticalBar>
 		<VerticalBar.Header>
-			<ActionButton tiny ghost mis='none' icon='arrow-back' onClick={onReturn} />
+			<VerticalBar.Back onClick={onReturn} />
 			<VerticalBar.Text>{t('Edit_Canned_Responses')}</VerticalBar.Text>
 			<VerticalBar.Close onClick={onClose} />
 		</VerticalBar.Header>