diff --git a/package-lock.json b/package-lock.json
index 065176e..c34b6c2 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,7 +8,7 @@
       "version": "1.0.0",
       "license": "MIT",
       "dependencies": {
-        "@carbonplan/components": "^8.1.2",
+        "@carbonplan/components": "^10.4.0",
         "@carbonplan/emoji": "^1.1.0",
         "@carbonplan/icons": "^1.0.0",
         "@carbonplan/theme": "^6.0.1",
@@ -681,9 +681,9 @@
       }
     },
     "node_modules/@carbonplan/components": {
-      "version": "8.1.2",
-      "resolved": "https://registry.npmjs.org/@carbonplan/components/-/components-8.1.2.tgz",
-      "integrity": "sha512-OhSmkYCgMH/K6Y1OfhvuzMVHgbI16nHac1wXqgWqHNYH+egon80wDPVbWoGeyk/GlNn01SC6edlbjWt5xuILqg==",
+      "version": "10.4.0",
+      "resolved": "https://registry.npmjs.org/@carbonplan/components/-/components-10.4.0.tgz",
+      "integrity": "sha512-iPihgPEGcfWfjWl5be2rwgIPIka+u6lXYfdWLPJQbhUlLDXjlqsymVv+wX7VWyM+6/3VTLfaIZZrTq6nWp1ybw==",
       "dependencies": {
         "@carbonplan/emoji": "^1.0.0",
         "@carbonplan/icons": "^1.0.0",
@@ -691,7 +691,7 @@
       },
       "peerDependencies": {
         "@emotion/react": "^11.1.5",
-        "next": "^10.1.3 || ^11.0.1",
+        "next": "^10.1.3 || ^11.0.1 || || ^12.0.4",
         "react": "^16.14.0 || ^17.0.2",
         "react-dom": "^16.14.0 || ^17.0.2",
         "theme-ui": ">=0.10.0"
@@ -4625,9 +4625,9 @@
       }
     },
     "@carbonplan/components": {
-      "version": "8.1.2",
-      "resolved": "https://registry.npmjs.org/@carbonplan/components/-/components-8.1.2.tgz",
-      "integrity": "sha512-OhSmkYCgMH/K6Y1OfhvuzMVHgbI16nHac1wXqgWqHNYH+egon80wDPVbWoGeyk/GlNn01SC6edlbjWt5xuILqg==",
+      "version": "10.4.0",
+      "resolved": "https://registry.npmjs.org/@carbonplan/components/-/components-10.4.0.tgz",
+      "integrity": "sha512-iPihgPEGcfWfjWl5be2rwgIPIka+u6lXYfdWLPJQbhUlLDXjlqsymVv+wX7VWyM+6/3VTLfaIZZrTq6nWp1ybw==",
       "requires": {
         "@carbonplan/emoji": "^1.0.0",
         "@carbonplan/icons": "^1.0.0",
diff --git a/package.json b/package.json
index 3cff07f..3187491 100644
--- a/package.json
+++ b/package.json
@@ -20,7 +20,7 @@
   },
   "homepage": "https://github.com/carbonplan/carbonplan.org#readme",
   "dependencies": {
-    "@carbonplan/components": "^8.1.2",
+    "@carbonplan/components": "^10.4.0",
     "@carbonplan/emoji": "^1.1.0",
     "@carbonplan/icons": "^1.0.0",
     "@carbonplan/theme": "^6.0.1",