From 379a66b77642c18778556021de4fd49a6a7989a6 Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Thu, 6 Apr 2023 08:19:52 +0200
Subject: [PATCH] Message Meta: Center icons (#2917)

---
 src/components/middle/message/MessageMeta.scss | 5 +++++
 src/components/middle/message/MessageMeta.tsx  | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/middle/message/MessageMeta.scss b/src/components/middle/message/MessageMeta.scss
index b2b98fc7b..6f3c67062 100644
--- a/src/components/middle/message/MessageMeta.scss
+++ b/src/components/middle/message/MessageMeta.scss
@@ -24,6 +24,11 @@
     white-space: nowrap;
   }
 
+  .message-replies-wrapper {
+    display: flex;
+    align-items: center;
+  }
+
   .message-time {
     margin-right: 0.1875rem;
   }
diff --git a/src/components/middle/message/MessageMeta.tsx b/src/components/middle/message/MessageMeta.tsx
index a31d818c2..fe1feafc1 100644
--- a/src/components/middle/message/MessageMeta.tsx
+++ b/src/components/middle/message/MessageMeta.tsx
@@ -108,7 +108,7 @@ const MessageMeta: FC<OwnProps> = ({
         </>
       )}
       {!noReplies && Boolean(repliesThreadInfo?.messagesCount) && (
-        <span onClick={handleOpenThread}>
+        <span onClick={handleOpenThread} className="message-replies-wrapper">
           <span className="message-replies">
             <AnimatedCounter text={formatIntegerCompact(repliesThreadInfo!.messagesCount!)} />
           </span>