diff --git a/pages/_app.jsx b/pages/_app.jsx
index 0e840ad..f43fb7c 100644
--- a/pages/_app.jsx
+++ b/pages/_app.jsx
@@ -1,4 +1,5 @@
 /** @jsx jsx */
+/** @jsxRuntime classic */
 import { jsx } from 'theme-ui'
 import { ThemeProvider } from 'theme-ui'
 import theme from '../theme'
diff --git a/pages/index.jsx b/pages/index.jsx
index ce084f8..0e79742 100644
--- a/pages/index.jsx
+++ b/pages/index.jsx
@@ -1,4 +1,5 @@
 /** @jsx jsx */
+/** @jsxRuntime classic */
 import { jsx } from 'theme-ui'
 import Link from 'next/link'
 
diff --git a/pages/notes/[id].jsx b/pages/notes/[id].jsx
index 53016d6..d0fb687 100644
--- a/pages/notes/[id].jsx
+++ b/pages/notes/[id].jsx
@@ -1,4 +1,5 @@
 /** @jsx jsx */
+/** @jsxRuntime classic */
 import { jsx } from 'theme-ui'
 import { useRouter } from 'next/router'
 import Link from 'next/link'
diff --git a/pages/notes/index.jsx b/pages/notes/index.jsx
index f962ae1..aed040c 100644
--- a/pages/notes/index.jsx
+++ b/pages/notes/index.jsx
@@ -1,4 +1,5 @@
 /** @jsx jsx */
+/** @jsxRuntime classic */
 import { jsx } from 'theme-ui'
 import Link from 'next/link'
 
diff --git a/src/components/nav.jsx b/src/components/nav.jsx
index 9941d37..2c73f68 100644
--- a/src/components/nav.jsx
+++ b/src/components/nav.jsx
@@ -1,5 +1,6 @@
 /** @jsx jsx */
-import { jsx } from 'theme-ui'
+/** @jsxRuntime classic */
+import { jsx } from 'theme-ui';
 import Link from 'next/link'
 
 const Nav = () => (