diff --git a/Readme.md b/Readme.md
index 10968fa4..efee4a94 100644
--- a/Readme.md
+++ b/Readme.md
@@ -50,7 +50,7 @@ We use [glamor](https://github.com/threepointone/glamor) to provide a great buil
 
 ```jsx
 import React from 'react'
-import { style } from 'next/css'
+import style from 'next/css'
 
 export default () => (
   <div className={style}>
diff --git a/examples/basic-css/pages/index.js b/examples/basic-css/pages/index.js
index c9dffd27..b6465a56 100644
--- a/examples/basic-css/pages/index.js
+++ b/examples/basic-css/pages/index.js
@@ -1,5 +1,5 @@
 import React from 'react'
-import { style } from 'next/css'
+import style from 'next/css'
 
 export default () => (
   <div className={styles}>
diff --git a/examples/nested-components/components/paragraph.js b/examples/nested-components/components/paragraph.js
index 0010ce21..a1504033 100644
--- a/examples/nested-components/components/paragraph.js
+++ b/examples/nested-components/components/paragraph.js
@@ -1,5 +1,5 @@
 import React from 'react'
-import { style } from 'next/css'
+import style from 'next/css'
 
 export default ({ children }) => (
   <p className={styles}>{children}</p>
diff --git a/examples/nested-components/components/post.js b/examples/nested-components/components/post.js
index 0570885a..81ff89e2 100644
--- a/examples/nested-components/components/post.js
+++ b/examples/nested-components/components/post.js
@@ -1,5 +1,5 @@
 import React from 'react'
-import { style } from 'next/css'
+import style from 'next/css'
 
 export default ({ title, children }) => (
   <div className={mainStyle}>
diff --git a/examples/nested-components/pages/index.js b/examples/nested-components/pages/index.js
index 14098fbc..ea29829e 100644
--- a/examples/nested-components/pages/index.js
+++ b/examples/nested-components/pages/index.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import P from '../components/paragraph'
 import Post from '../components/post'
-import { style } from 'next/css'
+import style from 'next/css'
 
 export default () => (
   <div className={styles.main}>
diff --git a/pages/_error-debug.js b/pages/_error-debug.js
index 0b574ec4..2b550790 100644
--- a/pages/_error-debug.js
+++ b/pages/_error-debug.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import stripAnsi from 'strip-ansi'
 import Head from 'next/head'
-import { style } from 'next/css'
+import style from 'next/css'
 
 export default class ErrorDebug extends React.Component {
   static getInitialProps ({ err }) {
diff --git a/pages/_error.js b/pages/_error.js
index 2805f725..31a5ad5b 100644
--- a/pages/_error.js
+++ b/pages/_error.js
@@ -1,5 +1,5 @@
 import React from 'react'
-import { style, merge } from 'next/css'
+import style, { merge } from 'next/css'
 
 export default class Error extends React.Component {
   static getInitialProps ({ res, xhr }) {
diff --git a/test/fixtures/basic/pages/css.js b/test/fixtures/basic/pages/css.js
index 9e101899..f18e5805 100644
--- a/test/fixtures/basic/pages/css.js
+++ b/test/fixtures/basic/pages/css.js
@@ -1,5 +1,5 @@
 import React from 'react'
-import { style } from 'next/css'
+import style from 'next/css'
 
 export default () => <div className={styles}>This is red</div>