diff --git a/ts/components/search/SearchResults.tsx b/ts/components/search/SearchResults.tsx index 7597c1307..403087a43 100644 --- a/ts/components/search/SearchResults.tsx +++ b/ts/components/search/SearchResults.tsx @@ -13,17 +13,18 @@ import { getSearchTerm, } from '../../state/selectors/search'; -const StyledSeparatorSection = styled.div` +const StyledSeparatorSection = styled.div<{ isSubtitle: boolean }>` height: 36px; line-height: 36px; + letter-spacing: 0; margin-inline-start: 16px; - - color: var(--text-secondary-color); - - font-size: var(--font-size-sm); font-weight: 400; - letter-spacing: 0; + + ${props => + props.isSubtitle + ? 'color: var(--text-secondary-color); font-size: var(--font-size-sm);' + : 'color: var(--text-primary-color); font-size: var(--font-size-lg);'} `; const SearchResultsContainer = styled.div` @@ -40,7 +41,16 @@ const NoResults = styled.div` `; const SectionHeader = ({ title, style }: { title: string; style: CSSProperties }) => { - return {title}; + return ( + + {title} + + ); }; function isContact(item: SearchResultsMergedListItem): item is { contactConvoId: string } {