From ee3e40b2f7e557ef4b5e04f63b2aae7f2d8b8b4a Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Sun, 18 Jun 2023 12:03:52 +0200
Subject: [PATCH] Reactor Modal: Fix inconsistent styles (#3341)

---
 src/components/middle/ReactorListModal.scss | 9 +++++++++
 src/components/middle/ReactorListModal.tsx  | 1 +
 2 files changed, 10 insertions(+)

diff --git a/src/components/middle/ReactorListModal.scss b/src/components/middle/ReactorListModal.scss
index e9dacaf1e..91e56906f 100644
--- a/src/components/middle/ReactorListModal.scss
+++ b/src/components/middle/ReactorListModal.scss
@@ -23,6 +23,13 @@
 
   .Reactions {
     margin-bottom: 0.5rem;
+    padding: 0 1rem;
+    justify-content: space-between;
+
+    &::after {
+      content: '';
+      flex-grow: 1;
+    }
   }
 
   .icon-heart {
@@ -61,5 +68,7 @@
     color: var(--color-text-secondary);
     display: flex;
     align-items: center;
+    font-size: 0.875rem !important;
+    line-height: 1.25rem;
   }
 }
diff --git a/src/components/middle/ReactorListModal.tsx b/src/components/middle/ReactorListModal.tsx
index 828c55463..1ab6cca47 100644
--- a/src/components/middle/ReactorListModal.tsx
+++ b/src/components/middle/ReactorListModal.tsx
@@ -233,6 +233,7 @@ const ReactorListModal: FC<OwnProps & StateProps> = ({
                       <PrivateChatInfo
                         userId={userId}
                         noStatusOrTyping
+                        avatarSize="medium"
                         status={seenByUser ? formatDateAtTime(lang, seenByUser * 1000) : undefined}
                         statusIcon="icon-message-read"
                       />