diff --git a/src/babel.js b/src/babel.js
index d7c9a15..a01fec0 100644
--- a/src/babel.js
+++ b/src/babel.js
@@ -106,7 +106,7 @@ export default function ({types: t}) {
             .catch(resolved)
           loopWhile(() => wait)
 
-          if (css instanceof Error) {
+          if (css instanceof Error || css.name === 'CssSyntaxError') {
             throw css
           }
 
diff --git a/test/fixtures/syntax-error.js b/test/fixtures/syntax-error.js
new file mode 100644
index 0000000..09ad20e
--- /dev/null
+++ b/test/fixtures/syntax-error.js
@@ -0,0 +1,13 @@
+const color = 'red'
+
+export default () => (
+  <div>
+    <p>test</p>
+    <style jsx>{`
+        p {
+           color: red
+           width: 100%
+        }
+    `}</style>
+  </div>
+)
diff --git a/test/index.js b/test/index.js
index c630d68..2559396 100644
--- a/test/index.js
+++ b/test/index.js
@@ -13,3 +13,9 @@ test('works with expressions', async t => {
   const out = await read('./fixtures/expressions.out.js')
   t.is(code, out.trim())
 })
+
+test('check syntax', async t => {
+  const error = await t.throws(transform('./fixtures/syntax-error.js'))
+  t.is(error.name, 'CssSyntaxError')
+})
+