From a59d608bb9fe40f964005cb28fb49af734978770 Mon Sep 17 00:00:00 2001
From: Lachlan Campbell <lachlan@hackclub.com>
Date: Mon, 10 Aug 2020 20:35:01 +0000
Subject: [PATCH 1/2] fix(docs): Fix preset demo text color

---
 packages/docs/src/components/presets-demo.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/docs/src/components/presets-demo.js b/packages/docs/src/components/presets-demo.js
index e650456f6..dc357b59a 100644
--- a/packages/docs/src/components/presets-demo.js
+++ b/packages/docs/src/components/presets-demo.js
@@ -50,7 +50,7 @@ export default () => {
           </Select>
         </label>
         <ThemeContext.Provider value={preset}>
-          <Styled.root>
+          <Styled.root sx={{ bg: 'background', color: 'text' }}>
             <Styled.h2>Colors</Styled.h2>
             <ColorPalette omit={['modes', 'header']} />
             <Styled.h2>Typography</Styled.h2>

From 1ad1439914d6ee8b8011200a312f9f825e0486ab Mon Sep 17 00:00:00 2001
From: Lachlan Campbell <lachlan@hackclub.com>
Date: Mon, 10 Aug 2020 21:09:26 +0000
Subject: [PATCH 2/2] Add padding

---
 packages/docs/src/components/presets-demo.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/docs/src/components/presets-demo.js b/packages/docs/src/components/presets-demo.js
index dc357b59a..a676934c1 100644
--- a/packages/docs/src/components/presets-demo.js
+++ b/packages/docs/src/components/presets-demo.js
@@ -50,7 +50,7 @@ export default () => {
           </Select>
         </label>
         <ThemeContext.Provider value={preset}>
-          <Styled.root sx={{ bg: 'background', color: 'text' }}>
+          <Styled.root sx={{ bg: 'background', color: 'text', p: 3 }}>
             <Styled.h2>Colors</Styled.h2>
             <ColorPalette omit={['modes', 'header']} />
             <Styled.h2>Typography</Styled.h2>