From 2a44587fbba1965b7aec6405b21cab8496bbeb12 Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Thu, 10 Nov 2022 18:28:11 +0400
Subject: [PATCH] `ChatOrUserPicker`: Thiner delimiter (#2126)

---
 src/components/common/ChatOrUserPicker.tsx | 2 +-
 src/components/ui/ListItem.scss            | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/common/ChatOrUserPicker.tsx b/src/components/common/ChatOrUserPicker.tsx
index ec9cc1aba..de636277e 100644
--- a/src/components/common/ChatOrUserPicker.tsx
+++ b/src/components/common/ChatOrUserPicker.tsx
@@ -109,7 +109,7 @@ const ChatOrUserPicker: FC<OwnProps> = ({
           {viewportIds.map((id, i) => (
             <ListItem
               key={id}
-              className="chat-item-clickable force-rounded-corners"
+              className="chat-item-clickable force-rounded-corners small-icon"
               style={`top: ${(viewportOffset + i) * CHAT_HEIGHT_PX}px;`}
               // eslint-disable-next-line react/jsx-no-bind
               onClick={() => onSelectChatOrUser(id)}
diff --git a/src/components/ui/ListItem.scss b/src/components/ui/ListItem.scss
index bdc30c426..eeaec5580 100644
--- a/src/components/ui/ListItem.scss
+++ b/src/components/ui/ListItem.scss
@@ -9,9 +9,9 @@
       bottom: 0;
       left: 4.5rem;
       right: 0;
+      height: 1px;
       /* stylelint-disable-next-line plugin/whole-pixel */
-      height: 0.5px;
-      background: var(--color-dividers);
+      box-shadow: inset 0 -0.03125rem 0 0 var(--color-dividers);
     }
 
     &.small-icon::after {