diff --git a/examples/with-styled-components/pages/_document.js b/examples/with-styled-components/pages/_document.js
index 77104a49..25faf5d4 100644
--- a/examples/with-styled-components/pages/_document.js
+++ b/examples/with-styled-components/pages/_document.js
@@ -2,20 +2,22 @@ import Document, { Head, Main, NextScript } from 'next/document'
 import { ServerStyleSheet } from 'styled-components'
 
 export default class MyDocument extends Document {
-  render () {
+  static getInitialProps ({ renderPage }) {
     const sheet = new ServerStyleSheet()
-    const main = sheet.collectStyles(<Main />)
+    const page = renderPage(App => props => sheet.collectStyles(<App {...props} />))
     const styleTags = sheet.getStyleElement()
+    return { ...page, styleTags }
+  }
+
+  render () {
     return (
       <html>
         <Head>
           <title>My page</title>
-          {styleTags}
+          {this.props.styleTags}
         </Head>
         <body>
-          <div className='root'>
-            {main}
-          </div>
+          <Main />
           <NextScript />
         </body>
       </html>
