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>
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`