diff --git a/webapp/channels/src/components/channel_info_rhs/header.tsx b/webapp/channels/src/components/channel_info_rhs/header.tsx
index 52202b04b3..1ef6b080a3 100644
--- a/webapp/channels/src/components/channel_info_rhs/header.tsx
+++ b/webapp/channels/src/components/channel_info_rhs/header.tsx
@@ -7,10 +7,7 @@ import styled from 'styled-components';
import type {Channel} from '@mattermost/types/channels';
-import OverlayTrigger from 'components/overlay_trigger';
-import Tooltip from 'components/tooltip';
-
-import Constants from 'utils/constants';
+import WithTooltip from 'components/with_tooltip';
interface Props {
channel: Channel;
@@ -29,14 +26,6 @@ const HeaderTitle = styled.span`
const Header = ({channel, isArchived, isMobile, onClose}: Props) => {
const {formatMessage} = useIntl();
- const closeSidebarTooltip = (
-