diff --git a/examples/with-styled-jsx-scss/package.json b/examples/with-styled-jsx-scss/package.json
index af9bd749..9948576f 100644
--- a/examples/with-styled-jsx-scss/package.json
+++ b/examples/with-styled-jsx-scss/package.json
@@ -11,7 +11,7 @@
     "node-sass": "4.5.3",
     "react": "16.0.0",
     "react-dom": "16.0.0",
-    "styled-jsx-plugin-sass": "0.1.0"
+    "styled-jsx-plugin-sass": "0.2.0"
   },
   "license": "ISC"
 }
diff --git a/examples/with-styled-jsx-scss/pages/index.js b/examples/with-styled-jsx-scss/pages/index.js
index 7fa15562..f402ffb3 100644
--- a/examples/with-styled-jsx-scss/pages/index.js
+++ b/examples/with-styled-jsx-scss/pages/index.js
@@ -1,3 +1,5 @@
+const backgroundColor = '#eee'
+
 export default () => (
   <div className='hello'>
     <p>Hello World</p>
@@ -5,7 +7,7 @@ export default () => (
       $color: red;
 
       .hello {
-        background: #eee;
+        background-color: ${backgroundColor};
         padding: 100px;
         text-align: center;
         transition: 100ms ease-in background;