word-break for list and paragraph elements

kenshanta · owlstronaut · commit 210948a18931 · 2025-04-07T13:40:13.000-07:00
diff --git a/src/mdx/components.js b/src/mdx/components.js
@@ -180,7 +180,7 @@ export const UnorderedList = styled.ul`
   }
 
   li {
-    word-break: break-all;
+    word-break: break-word;
   }
 
   li > p {
@@ -196,6 +196,7 @@ export const OrderedList = UnorderedList.withComponent('ol')
 
 export const Paragraph = styled.p`
   margin: 0 0 ${themeGet('space.3')};
+  word-break: break-word;
 `
 
 export const Table = styled.table`

Original file line number	Diff line number	Diff line change
@@ -180,7 +180,7 @@ export const UnorderedList = styled.ul`
`180`	`180`	`}`
`181`	`181`
`182`	`182`	`li {`
`183`		`- word-break: break-all;`
	`183`	`+ word-break: break-word;`
`184`	`184`	`}`
`185`	`185`
`186`	`186`	`li > p {`
`@@ -196,6 +196,7 @@ export const OrderedList = UnorderedList.withComponent('ol')`
`196`	`196`
`197`	`197`	export const Paragraph = styled.p`
`198`	`198`	`margin: 0 0 ${themeGet('space.3')};`
	`199`	`+ word-break: break-word;`
`199`	`200`	`
`200`	`201`
`201`	`202`	export const Table = styled.table`