diff --git a/package-lock.json b/package-lock.json
index 4fbd118..42e9863 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,7 +10,7 @@
       "license": "CC-BY-SA",
       "dependencies": {
         "@fortawesome/fontawesome-free": "^7.1",
-        "@primer/css": "~21",
+        "@primer/css": "~22",
         "@primer/view-components": "^0.48.0",
         "autoprefixer": "^10.4.23",
         "dompurify": "^3.3.1",
@@ -410,52 +410,15 @@
       "integrity": "sha512-MIVSZlQGJzas44DZDwo4Dqiev289K918oDl/AcA+zTpQAjp+PrJ0LUxEnrSOapyivLYpRpmSCeF0XPh7NgXpCA=="
     },
     "node_modules/@primer/css": {
-      "version": "21.0.0",
-      "resolved": "https://registry.npmjs.org/@primer/css/-/css-21.0.0.tgz",
-      "integrity": "sha512-bIiBv/qKUzYMoy9dDeAM2qOHBj/AX/1obG0Cbwcg2mCFBhfxIGl49AOyMx3EcYNDPO86ZHPFhF91gYUvlguKiQ==",
-      "dependencies": {
-        "@primer/primitives": "^7.11.3",
-        "@primer/view-components": "^0.1.0"
-      },
+      "version": "22.1.0",
+      "resolved": "https://registry.npmjs.org/@primer/css/-/css-22.1.0.tgz",
+      "integrity": "sha512-Nwg9QaRiBeu0BU6h+Su0X07daihX1obiuqGRG8y+SexOnvWhN2J5n4OFAvGfQsit07Y7Q6gGoK+yVU5tb8CtDA==",
+      "license": "MIT",
       "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      }
-    },
-    "node_modules/@primer/css/node_modules/@github/auto-check-element": {
-      "version": "5.6.0",
-      "resolved": "https://registry.npmjs.org/@github/auto-check-element/-/auto-check-element-5.6.0.tgz",
-      "integrity": "sha512-OMmiILYZVJfK31QeTzIJvlMewytBM5w4oKU0HTkc4pr3AlodEqd+T20sDIZJvJZhjG9h6AqDfbaJG9X3QRwKTA==",
-      "dependencies": {
-        "@github/mini-throttle": "^2.1.0"
-      }
-    },
-    "node_modules/@primer/css/node_modules/@oddbird/popover-polyfill": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/@oddbird/popover-polyfill/-/popover-polyfill-0.1.1.tgz",
-      "integrity": "sha512-X9gxiwKtN1ZumOoe9KRLpe37nshLtwHm/IJflIxgjanXz/FqKb0DQ7BlWu+iqUn/O0/jWYgkKnTLtsC9JlgwQg=="
-    },
-    "node_modules/@primer/css/node_modules/@primer/primitives": {
-      "version": "7.17.1",
-      "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-7.17.1.tgz",
-      "integrity": "sha512-SiPzEb+up1nDpV2NGwNiY8m6sGnF3OUqRb0has5s6T40vq6Li/g3cYVgl+oolEa4DUoNygEPs09jwJt24f/3zg=="
-    },
-    "node_modules/@primer/css/node_modules/@primer/view-components": {
-      "version": "0.1.9",
-      "resolved": "https://registry.npmjs.org/@primer/view-components/-/view-components-0.1.9.tgz",
-      "integrity": "sha512-LtqJBkTMS+odYXqKhOZxBvyAAlXTA+C6o3eXDQN8Nwmja48SKAlFrwb+HpXLvgpbbDg1eY2LKmypokv44dl0Uw==",
-      "dependencies": {
-        "@github/auto-check-element": "^5.2.0",
-        "@github/auto-complete-element": "^3.3.4",
-        "@github/catalyst": "^1.6.0",
-        "@github/clipboard-copy-element": "^1.1.2",
-        "@github/details-menu-element": "^1.0.12",
-        "@github/image-crop-element": "^5.0.0",
-        "@github/include-fragment-element": "^6.1.1",
-        "@github/mini-throttle": "^2.1.0",
-        "@github/relative-time-element": "^4.0.0",
-        "@github/tab-container-element": "^3.1.2",
-        "@oddbird/popover-polyfill": "^0.1.1",
-        "@primer/behaviors": "^1.3.4"
+        "node": ">=16.0.0"
+      },
+      "peerDependencies": {
+        "@primer/primitives": "10.x || 11.x"
       }
     },
     "node_modules/@primer/live-region-element": {
diff --git a/package.json b/package.json
index 8a4a0e4..8157520 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,7 @@
   "repository": "https://github.com/offbyone/ideas",
   "dependencies": {
     "@fortawesome/fontawesome-free": "^7.1",
-    "@primer/css": "~21",
+    "@primer/css": "~22",
     "@primer/view-components": "^0.48.0",
     "autoprefixer": "^10.4.23",
     "dompurify": "^3.3.1",