fix: borders on member list items and session radio

ts/components/MemberListItem.tsx

@@ -41,7 +41,7 @@ const StyledSessionMemberItem = styled.button<{
       ? 'var(--conversation-tab-background-selected-color) !important'
       : null};
 
-  :not(:last-child) {
+  &:not(button:last-child) {
     border-bottom: 1px solid var(--border-color);
   }
 `;

ts/components/basic/SessionRadio.tsx

@@ -5,6 +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;
 `;
 
 const StyledInput = styled.input<{

ts/components/buttons/PanelButton.tsx

@@ -76,7 +76,7 @@ const StyledPanelButton = styled.button<{
   transition: var(--default-duration);
   color: ${props => (props.disabled ? 'var(--disabled-color)' : 'inherit')};
 
-  :not(:last-child) {
+  &:not(:last-child) {
     border-bottom: 1px solid var(--border-color);
   }
 `;

ts/components/search/SearchResults.tsx

@@ -34,6 +34,7 @@ const SearchResultsContainer = styled.div`
   flex-grow: 1;
   width: -webkit-fill-available;
 `;
+
 const NoResults = styled.div`
   width: 100%;
   padding: var(--margins-xl) var(--margins-sm) 0;