Merge pull request #1912 from MahtabBukhari/When_we_search_a_long_tex…

…t_in_AI_search_bar_due_to_that_text_side_bar_UI When we search a long text in AI search bar due to that text side bar UI damage ( text should be wrapped in side bar)
stakwork · Jul 24, 2024 · 0897aa2 · 0897aa2
2 parents dce478e + 8829320
commit 0897aa2
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/components/App/SideBar/AiSummary/index.tsx b/src/components/App/SideBar/AiSummary/index.tsx
@@ -23,13 +23,18 @@ const Title = styled(Text)`
   font-size: 20px;
   font-weight: 600;
   flex-grow: 1;
+  overflow-wrap: break-word;
+  white-space: normal;
+  word-break: break-word;
 `
 
 const TitleWrapper = styled(Flex).attrs({
   direction: 'row',
   alignItems: 'center',
 })`
   padding: 24px 10px 24px 24px;
+  flex-shrink: 1;
+  overflow: hidden;
 `
 
 export const AiSummary = ({ question, response }: Props) => {