diff --git a/ts/components/search/MessageSearchResults.tsx b/ts/components/search/MessageSearchResults.tsx index f36396358..28f2740ce 100644 --- a/ts/components/search/MessageSearchResults.tsx +++ b/ts/components/search/MessageSearchResults.tsx @@ -22,6 +22,8 @@ const StyledConversationTitleResults = styled.div` white-space: nowrap; text-overflow: ellipsis; color: var(--conversation-tab-text-color); + /* We don't want this to overflow horziontally past the timestamp */ + width: 90px; `; const StyledConversationFromUserInGroup = styled(StyledConversationTitleResults)` @@ -33,7 +35,7 @@ const StyledConversationFromUserInGroup = styled(StyledConversationTitleResults) color: var(--conversation-tab-text-color); `; -const StyledSearchResulsts = styled.div` +const StyledSearchResults = styled.div` padding: 8px; padding-inline-start: 16px; padding-inline-end: 16px; @@ -206,7 +208,7 @@ export const MessageSearchResult = (props: MessageResultProps) => { // tslint:disable: use-simple-attributes return ( - { @@ -233,6 +235,6 @@ export const MessageSearchResult = (props: MessageResultProps) => { - + ); };