From 111541f228c16adc479eea066c815aabc841afed Mon Sep 17 00:00:00 2001
From: William Grant <willmgrant@gmail.com>
Date: Wed, 5 Jun 2024 13:59:26 +1000
Subject: [PATCH] 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                  |  2 +-
 ts/components/leftpane/overlay/OverlayClosedGroup.tsx | 10 ++--------
 2 files changed, 3 insertions(+), 9 deletions(-)

diff --git a/ts/components/basic/SessionRadio.tsx b/ts/components/basic/SessionRadio.tsx
index 7f7820436..aa131c8fa 100644
--- a/ts/components/basic/SessionRadio.tsx
+++ b/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<{
diff --git a/ts/components/leftpane/overlay/OverlayClosedGroup.tsx b/ts/components/leftpane/overlay/OverlayClosedGroup.tsx
index 08fd208fe..1e16ce353 100644
--- a/ts/components/leftpane/overlay/OverlayClosedGroup.tsx
+++ b/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>