diff --git a/packages/gatsby-plugin-styled-jsx/README.md b/packages/gatsby-plugin-styled-jsx/README.md
index a14e5b0923787..9b195ccf2d644 100644
--- a/packages/gatsby-plugin-styled-jsx/README.md
+++ b/packages/gatsby-plugin-styled-jsx/README.md
@@ -4,7 +4,7 @@ Provides drop-in support for [styled-jsx](https://github.com/zeit/styled-jsx).
 
 ## Install
 
-`yarn add gatsby-plugin-styled-jsx`
+`yarn add styled-jsx gatsby-plugin-styled-jsx`
 
 ## How to use
 
diff --git a/packages/gatsby-plugin-styled-jsx/package.json b/packages/gatsby-plugin-styled-jsx/package.json
index 4403ffe898c97..dfffdb01216e4 100644
--- a/packages/gatsby-plugin-styled-jsx/package.json
+++ b/packages/gatsby-plugin-styled-jsx/package.json
@@ -12,10 +12,12 @@
   "keywords": ["gatsby", "styled-jsx"],
   "license": "MIT",
   "dependencies": {
-    "babel-runtime": "^6.26.0",
-    "styled-jsx": "^2.2.1"
+    "babel-runtime": "^6.26.0"
   },
   "devDependencies": {
     "cross-env": "^5.0.5"
+  },
+  "peerDependencies": {
+    "styled-jsx": "^2.2.1"
   }
 }