ChatOrUserPicker: Thiner delimiter (#2126)

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)}

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 {