fix: members list in the group overlay doesnt need a set bg color

removed !important from the transparent color assignment in the session radio

ts/components/basic/SessionRadio.tsx

@@ -5,7 +5,7 @@ import { Flex } from './Flex';
 const StyledButton = styled.button<{ disabled: boolean }>`
   cursor: ${props => (props.disabled ? 'not-allowed' : 'pointer')};
   min-height: 30px;
-  background-color: var(--transparent-color) !important;
+  background-color: var(--transparent-color);
 `;
 
 const StyledInput = styled.input<{

ts/components/leftpane/overlay/OverlayClosedGroup.tsx

@@ -49,12 +49,6 @@ const StyledGroupMemberListContainer = styled.div`
   }
 `;
 
-const StyledGroupMemberList = styled.div`
-  button {
-    background-color: var(--background-secondary-color);
-  }
-`;
-
 const NoContacts = () => {
   return (
     <StyledMemberListNoContacts>{window.i18n('noContactsForGroup')}</StyledMemberListNoContacts>
@@ -185,7 +179,7 @@ export const OverlayClosedGroup = () => {
         ) : !isEmpty(searchTerm) && contactsToRender.length === 0 ? (
           <StyledNoResults>{window.i18n('noSearchResults', [searchTerm])}</StyledNoResults>
         ) : (
-          <StyledGroupMemberList>
+          <div>
             {contactsToRender.map((memberPubkey: string) => (
               <MemberListItem
                 pubkey={memberPubkey}
@@ -195,7 +189,7 @@ export const OverlayClosedGroup = () => {
                 onUnselect={removeFromSelected}
               />
             ))}
-          </StyledGroupMemberList>
+          </div>
         )}
       </StyledGroupMemberListContainer>