fix(gatsby-theme-docz): use sx instead of style prop in Playgro… (#1389)

doczjs · Feb 12, 2020 · 98f3311 · 98f3311
1 parent 80a0e1e
commit 98f3311
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/core/gatsby-theme-docz/src/components/Playground/index.js b/core/gatsby-theme-docz/src/components/Playground/index.js
@@ -86,7 +86,7 @@ export const Playground = ({ code, scope, language, useScoping = false }) => {
         <div sx={styles.previewWrapper}>
           <Wrapper height={previewHeight}>
             {showLivePreview && (
-              <LivePreview style={styles.preview} data-testid="live-preview" />
+              <LivePreview sx={styles.preview} data-testid="live-preview" />
             )}
             <ReactResizeDetector
               handleHeight
@@ -106,7 +106,7 @@ export const Playground = ({ code, scope, language, useScoping = false }) => {
         </div>
         {showingCode && (
           <Wrapper height={editorHeight}>
-            <div style={styles.editor(theme)}>
+            <div sx={styles.editor(theme)}>
               <LiveEditor data-testid="live-editor" />
             </div>
             <ReactResizeDetector