diff --git a/ts/components/MemberListItem.tsx b/ts/components/MemberListItem.tsx index 3fd6d14ab..ab772861d 100644 --- a/ts/components/MemberListItem.tsx +++ b/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); } `; diff --git a/ts/components/basic/SessionRadio.tsx b/ts/components/basic/SessionRadio.tsx index 877bd4720..7f7820436 100644 --- a/ts/components/basic/SessionRadio.tsx +++ b/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<{ diff --git a/ts/components/buttons/PanelButton.tsx b/ts/components/buttons/PanelButton.tsx index 1bf658eb8..7b8023748 100644 --- a/ts/components/buttons/PanelButton.tsx +++ b/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); } `; diff --git a/ts/components/search/SearchResults.tsx b/ts/components/search/SearchResults.tsx index dcd36d0a9..77904b40f 100644 --- a/ts/components/search/SearchResults.tsx +++ b/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;