diff --git a/webapp/channels/src/components/widgets/icons/fa_next_icon.tsx b/webapp/channels/src/components/widgets/icons/fa_next_icon.tsx
index 331a568548..b5e6ff1703 100644
--- a/webapp/channels/src/components/widgets/icons/fa_next_icon.tsx
+++ b/webapp/channels/src/components/widgets/icons/fa_next_icon.tsx
@@ -3,24 +3,22 @@
 
 import classNames from 'classnames';
 import React from 'react';
-import {defineMessage} from 'react-intl';
-
-import LocalizedIcon from 'components/localized_icon';
+import {useIntl} from 'react-intl';
 
 type Props = {
     additionalClassName?: string;
 }
 
-const iconTitle = defineMessage({
-    id: 'generic_icons.next',
-    defaultMessage: 'Next Icon',
-});
-
 const NextIcon = ({additionalClassName}: Props) => {
+    const {formatMessage} = useIntl();
+
     return (
-        <LocalizedIcon
+        <i
             className={classNames('icon icon-chevron-right', additionalClassName)}
-            title={iconTitle}
+            title={formatMessage({
+                id: 'generic_icons.next',
+                defaultMessage: 'Next Icon',
+            })}
         />
     );
 };