diff --git a/src/components/messenger/feed/components/post/index.tsx b/src/components/messenger/feed/components/post/index.tsx
index c5232bd94..c9e1a22c7 100644
--- a/src/components/messenger/feed/components/post/index.tsx
+++ b/src/components/messenger/feed/components/post/index.tsx
@@ -18,21 +18,25 @@ export const Post = ({ avatarUrl, text, nickname, author, timestamp }: PostProps
return (
-
}
details={
- <>
+
{/* @ts-ignore */}
- {nickname}
+
+ {nickname}
+
{/* @ts-ignore */}
- {author}
- >
+
+ {author}
+
+
}
- options={
}
+ options={
}
/>
);
diff --git a/src/components/messenger/feed/components/post/styles.module.scss b/src/components/messenger/feed/components/post/styles.module.scss
index 9d77c91c6..e6d9201a3 100644
--- a/src/components/messenger/feed/components/post/styles.module.scss
+++ b/src/components/messenger/feed/components/post/styles.module.scss
@@ -1,3 +1,5 @@
+@import '../../../../../glass';
+
.Container {
display: flex;
gap: 8px;
@@ -7,3 +9,36 @@
padding: 0;
flex: 1;
}
+
+.Body {
+ font-size: 14px;
+}
+
+.Avatar {
+ pointer-events: none;
+}
+
+.UserDetails {
+ display: flex;
+ flex-direction: column;
+}
+
+.Name {
+ font-size: 14px;
+ font-weight: 600;
+ line-height: 14px;
+}
+
+.UserName {
+ font-size: 12px;
+ line-height: normal;
+
+ @include glass-text-secondary-color;
+}
+
+.Date {
+ font-size: 12px;
+ line-height: normal;
+
+ @include glass-text-secondary-color;
+}