From 8aa04f65436db220305f332bc8fb722133a5ccd2 Mon Sep 17 00:00:00 2001
From: Sarkis Kovlekjian <kovlekjian@gmail.com>
Date: Mon, 11 Nov 2024 16:31:19 +0100
Subject: [PATCH 1/2] word-break for list and paragraph elements

---
 src/mdx/components.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/mdx/components.js b/src/mdx/components.js
index f9bce4ef9d1..353f9fef744 100644
--- a/src/mdx/components.js
+++ b/src/mdx/components.js
@@ -179,7 +179,7 @@ export const UnorderedList = styled.ul`
   }
 
   li {
-    word-break: break-all;
+    word-break: break-word;
   }
 
   li > p {
@@ -195,6 +195,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`

From 7332706e6584c2e521e4106bae3a217d77cceb96 Mon Sep 17 00:00:00 2001
From: Sarkis Kovlekjian <kovlekjian@gmail.com>
Date: Mon, 11 Nov 2024 16:38:11 +0100
Subject: [PATCH 2/2] flexWrap footer contributors section

---
 src/components/page-footer.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/page-footer.js b/src/components/page-footer.js
index 301509b34b8..a47f554e594 100644
--- a/src/components/page-footer.js
+++ b/src/components/page-footer.js
@@ -31,7 +31,7 @@ const Contributors = ({contributors = [], latestCommit}) => {
 
   return (
     <>
-      <Box sx={{display: 'flex', alignItems: 'center'}}>
+      <Box sx={{display: 'flex', alignItems: 'center', flexWrap: 'wrap'}}>
         <Text sx={{mr: 2}}>
           {contributors.length} {pluralize('contributor', contributors.length)}
         </Text>