showing me light up in list

packages/desktop/src/tree/ConversationList.tsx

@@ -185,20 +185,18 @@ export function ConversationRow({
           <AvatarGroup variant={'rounded'}>
             {conversation.members?.map((conversationUser, index) => {
               return (
-                conversationUser._id.toString() !== user._id.toString() && (
+                <Avatar
-                  <Avatar
+                  key={`${conversation._id.toString()}-${conversationUser._id.toString()}-convoIcon`}
-                    key={`${conversation._id.toString()}-${conversationUser._id.toString()}-convoIcon`}
+                  alt={conversationUser?.givenName}
-                    alt={conversationUser?.givenName}
+                  src={conversationUser?.picture}
-                    src={conversationUser?.picture}
+                  sx={{
-                    sx={{
+                    width: 15,
-                      width: 30,
+                    height: 15,
-                      height: 30,
+                    opacity: conversation.tunedInUsers?.includes(conversationUser._id.toString())
-                      opacity: conversation.tunedInUsers?.includes(conversationUser._id.toString())
+                      ? '100%'
-                        ? '100%'
+                      : '20%',
-                        : '20%',
+                  }}
-                    }}
+                />
-                  />
-                )
               );
             })}
           </AvatarGroup>