diff --git a/webapp/channels/src/components/team_sidebar/components/team_button.tsx b/webapp/channels/src/components/team_sidebar/components/team_button.tsx
index 5cc4468c63..cbd774fc5e 100644
--- a/webapp/channels/src/components/team_sidebar/components/team_button.tsx
+++ b/webapp/channels/src/components/team_sidebar/components/team_button.tsx
@@ -164,7 +164,7 @@ export default function TeamButton({
const teamButton = (
diff --git a/webapp/channels/src/components/team_sidebar/team_sidebar.tsx b/webapp/channels/src/components/team_sidebar/team_sidebar.tsx
index fab3dcacb2..d17ab5234a 100644
--- a/webapp/channels/src/components/team_sidebar/team_sidebar.tsx
+++ b/webapp/channels/src/components/team_sidebar/team_sidebar.tsx
@@ -204,7 +204,6 @@ export class TeamSidebar extends React.PureComponent {
render() {
const {intl} = this.props;
-
const root: Element | null = document.querySelector('#root');
if (this.props.myTeams.length <= 1) {
root!.classList.remove('multi-teams');
@@ -267,6 +266,10 @@ export class TeamSidebar extends React.PureComponent {
}
content={plusIcon}
switchTeam={this.props.actions.switchTeam}
+ displayName={intl.formatMessage({
+ id: 'team_sidebar.join',
+ defaultMessage: 'Other teams you can join',
+ })}
/>,
);
} else {
@@ -286,6 +289,10 @@ export class TeamSidebar extends React.PureComponent {
}
content={plusIcon}
switchTeam={this.props.actions.switchTeam}
+ displayName={intl.formatMessage({
+ id: 'navbar_dropdown.create',
+ defaultMessage: 'Create a Team',
+ })}
/>
,
);