diff --git a/app/soapbox/components/sidebar-navigation.tsx b/app/soapbox/components/sidebar-navigation.tsx
index c2b35a3e5..6bce826ba 100644
--- a/app/soapbox/components/sidebar-navigation.tsx
+++ b/app/soapbox/components/sidebar-navigation.tsx
@@ -87,10 +87,10 @@ const SidebarNavigation = () => {
       return (
         <SidebarNavigationLink
           to='/chats'
-          icon={require('@tabler/icons/mail.svg')}
+          icon={require('@tabler/icons/messages.svg')}
           count={unreadChatsCount}
           countMax={9}
-          text={<FormattedMessage id='navigation.direct_messages' defaultMessage='Messages' />}
+          text={<FormattedMessage id='navigation.chats' defaultMessage='Chats' />}
         />
       );
     }
diff --git a/app/soapbox/components/thumb-navigation.tsx b/app/soapbox/components/thumb-navigation.tsx
index d509546fb..6abaa084e 100644
--- a/app/soapbox/components/thumb-navigation.tsx
+++ b/app/soapbox/components/thumb-navigation.tsx
@@ -18,8 +18,8 @@ const ThumbNavigation: React.FC = (): JSX.Element => {
     if (features.chats) {
       return (
         <ThumbNavigationLink
-          src={require('@tabler/icons/mail.svg')}
-          text={<FormattedMessage id='navigation.direct_messages' defaultMessage='Messages' />}
+          src={require('@tabler/icons/messages.svg')}
+          text={<FormattedMessage id='navigation.chats' defaultMessage='Chats' />}
           to='/chats'
           exact
           count={unreadChatsCount}