taking out the unnecessary or rather confusing suns

packages/desktop/src/tree/ConversationList.tsx

@@ -143,15 +143,9 @@ export function ConversationRow({
         selected={selectedConversation?._id.toString() === conversation._id.toString()}
         onClick={handleSelectConversation}
       >
-        {conversation.tunedInUsers?.length > 0 ? (
+        <Box sx={{ color: 'GrayText', fontSize: 10, ml: 0 }}>
-          <Box sx={{ color: 'primary.main', fontSize: 15, ml: 0 }}>
+          <FiCircle />
-            <FiSun />
+        </Box>
-          </Box>
-        ) : (
-          <Box sx={{ color: 'GrayText', fontSize: 10, ml: 0 }}>
-            <FiCircle />
-          </Box>
-        )}
 
         <Stack
           direction={'row'}

packages/desktop/src/tree/MainPanel.tsx

@@ -13,7 +13,7 @@ import {
   Tooltip,
   Typography,
 } from '@mui/material';
-import { FiAirplay, FiLink, FiSun, FiUserPlus, FiZap } from 'react-icons/fi';
+import { FiAirplay, FiCircle, FiLink, FiSun, FiUserPlus, FiZap } from 'react-icons/fi';
 import React, { useEffect, useMemo, useRef } from 'react';
 
 import { Box } from '@mui/system';
@@ -89,10 +89,11 @@ function ConversationDetails({ masterConversation }: { masterConversation: Maste
           borderBottomColor: blueGrey[50],
         }}
       >
-        <Stack direction="row" alignItems="center">
+        <Stack direction="row" alignItems="center" gap={1}>
-          <IconButton color="primary" size="small">
+          <Box sx={{ color: 'GrayText', fontSize: 10, ml: 0 }}>
-            <FiSun />
+            <FiCircle />
-          </IconButton>
+          </Box>
+
           <ConversationLabel
             users={masterConversation.members}
             conversationName={masterConversation.name}