diff --git a/examples/next/pages/index.tsx b/examples/next/pages/index.tsx
index bfc356651..423954a44 100644
--- a/examples/next/pages/index.tsx
+++ b/examples/next/pages/index.tsx
@@ -8,7 +8,7 @@ export default function Page() {
       <Head>
         <title>Next.js Theme UI</title>
       </Head>
-      <Global sx={{ h1: { color: 'salmon !important' } }} />
+      <Global styles={{ h1: { color: 'salmon !important' } }} />
       <About />
     </>
   )
diff --git a/packages/docs/src/pages/guides/global-styles.mdx b/packages/docs/src/pages/guides/global-styles.mdx
index 26f887d8c..9939fd96f 100644
--- a/packages/docs/src/pages/guides/global-styles.mdx
+++ b/packages/docs/src/pages/guides/global-styles.mdx
@@ -24,7 +24,7 @@ import { Global } from 'theme-ui'
 
 export default (props) => (
   <Global
-    sx={{
+    styles={{
       button: {
         m: 0,
         bg: 'primary',
diff --git a/packages/global/README.md b/packages/global/README.md
index 53db5327f..c1c8f0af2 100644
--- a/packages/global/README.md
+++ b/packages/global/README.md
@@ -14,7 +14,7 @@ import Global from '@theme-ui/global'
 
 export default (props) => (
   <Global
-    sx={{
+    styles={{
       button: {
         m: 0,
         bg: 'primary',
