diff --git a/src/components/Note/Note.module.scss b/src/components/Note/Note.module.scss
index 87c3ca3..da1f4e3 100644
--- a/src/components/Note/Note.module.scss
+++ b/src/components/Note/Note.module.scss
@@ -362,7 +362,7 @@
color: var(--text-secondary-2);
font-size: 14px;
font-weight: 400;
- line-height: 14px;
+ line-height: 18px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
@@ -437,8 +437,8 @@
justify-content: center;
border-radius: 50%;
background: var(--devider);
- width: 24px;
- height: 24px;
+ width: 26px;
+ height: 26px;
padding: 0;
margin: 0;
border: none;
diff --git a/src/components/PeopleList/PeopleList.tsx b/src/components/PeopleList/PeopleList.tsx
index 61c78db..f307be2 100644
--- a/src/components/PeopleList/PeopleList.tsx
+++ b/src/components/PeopleList/PeopleList.tsx
@@ -14,7 +14,8 @@ import Repliers from './Repliers';
const PeopleList: Component<{
people: PrimalUser[],
- label: string,
+ label?: string,
+ mentionLabel?: string,
id?: string,
note?: PrimalNote,
}> = (props) => {
@@ -41,14 +42,14 @@ const PeopleList: Component<{
0}>
diff --git a/src/pages/Thread.tsx b/src/pages/Thread.tsx
index 9c81919..92f2f48 100644
--- a/src/pages/Thread.tsx
+++ b/src/pages/Thread.tsx
@@ -167,6 +167,7 @@ const Thread: Component = () => {
note={primaryNote()}
people={people()}
label={intl.formatMessage(t.sidebar)}
+ mentionLabel={intl.formatMessage(t.sidebarMentions)}
/>
diff --git a/src/translations.ts b/src/translations.ts
index ee1f5bd..912f7ba 100644
--- a/src/translations.ts
+++ b/src/translations.ts
@@ -1852,8 +1852,13 @@ export const toastZapProfile = {
export const thread = {
sidebar: {
- id: 'thread.sidebar.title',
- defaultMessage: 'People in this thread',
+ id: 'thread.sidebar',
+ defaultMessage: 'Replies to this Note',
+ description: 'Title of the Thread page sidebar',
+ },
+ sidebarMentions: {
+ id: 'thread.sidebarMentions',
+ defaultMessage: 'People in this Note',
description: 'Title of the Thread page sidebar',
},
pageTitle: {