fix: qa feedback - conversation title no longer overflows in search results

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 (
-    <StyledSearchResulsts
+    <StyledSearchResults
       key={`div-msg-searchresult-${id}`}
       role="button"
       onClick={() => {
@@ -233,6 +235,6 @@ export const MessageSearchResult = (props: MessageResultProps) => {
           <MessageBodyHighlight text={snippet || ''} isGroup={!convoIsPrivate} />
         </ResultBody>
       </StyledResultText>
-    </StyledSearchResulsts>
+    </StyledSearchResults>
   );
 };