From 2dcca26abaada12b7284f660b37082130100185f Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Sun, 18 Jun 2023 12:03:55 +0200
Subject: [PATCH] Mention Tooltip: Fix divider position on mobile (#3342)

---
 src/components/middle/composer/MentionTooltip.tsx | 2 +-
 src/components/ui/ListItem.scss                   | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/middle/composer/MentionTooltip.tsx b/src/components/middle/composer/MentionTooltip.tsx
index 0f88c0f3f..c13231895 100644
--- a/src/components/middle/composer/MentionTooltip.tsx
+++ b/src/components/middle/composer/MentionTooltip.tsx
@@ -98,7 +98,7 @@ const MentionTooltip: FC<OwnProps> = ({
       {renderedChatMembers?.map(({ id }, index) => (
         <ListItem
           key={id}
-          className="chat-item-clickable scroll-item"
+          className="chat-item-clickable scroll-item smaller-icon"
           onClick={handleClick}
           clickArg={id}
           focus={selectedMentionIndex === index}
diff --git a/src/components/ui/ListItem.scss b/src/components/ui/ListItem.scss
index c5c034186..53ef8da7a 100644
--- a/src/components/ui/ListItem.scss
+++ b/src/components/ui/ListItem.scss
@@ -39,6 +39,10 @@
       left: 3.875rem;
     }
 
+    &.smaller-icon::after {
+      left: 3.25rem;
+    }
+
     &.no-icon::after {
       left: 0;
     }