diff --git a/package-lock.json b/package-lock.json
index 06db39e1edc7..1475e1fe40fe 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,7 +10,7 @@
         "@alex_neo/jest-expect-message": "^1.0.5",
         "@hapi/accept": "^5.0.2",
         "@primer/components": "^31.1.0",
-        "@primer/css": "^18.1.0",
+        "@primer/css": "^20.0.0",
         "@primer/octicons": "^16.1.1",
         "@primer/octicons-react": "^16.1.1",
         "accept-language-parser": "^1.5.0",
@@ -3543,20 +3543,20 @@
       }
     },
     "node_modules/@primer/css": {
-      "version": "18.1.0",
-      "resolved": "https://registry.npmjs.org/@primer/css/-/css-18.1.0.tgz",
-      "integrity": "sha512-B7ZjxeGPXzcaSm7dAp9n1C2tXDfJnRpdUlfLoTnsXWGKKgbHKgtDtwgRn+e0KGSDoNTmC85N3gemNfkT69D0kg==",
+      "version": "20.0.0",
+      "resolved": "https://registry.npmjs.org/@primer/css/-/css-20.0.0.tgz",
+      "integrity": "sha512-bzKJEgKM68GqwwLPfXEK1g5xb1sfZ7dKpnMAAWDWl1hVAADrmL0lcQ6xm29DCCi90RTT2bFF2CgU49d0g7PlTg==",
       "dependencies": {
-        "@primer/primitives": "6.0.0"
+        "@primer/primitives": "^7.7.0"
       },
       "engines": {
         "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
       }
     },
     "node_modules/@primer/css/node_modules/@primer/primitives": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-6.0.0.tgz",
-      "integrity": "sha512-idupwQC7vpMki4G2HBpQqTAD6MusFkipgfNXxETQ1D4yLkMQ1bMuif09dnHB7bhQBO5pXUFt52LMpPAnM5Zv4w=="
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-7.8.3.tgz",
+      "integrity": "sha512-04ZwfJhpZ0QFwDrJfCuLX6iOh0BflWDTvuoRA80lQH9xk0RtIg16INbruwwtnbSgnKKXXRSykRRJ5BbxnqufRA=="
     },
     "node_modules/@primer/octicons": {
       "version": "16.1.1",
@@ -25514,17 +25514,17 @@
       }
     },
     "@primer/css": {
-      "version": "18.1.0",
-      "resolved": "https://registry.npmjs.org/@primer/css/-/css-18.1.0.tgz",
-      "integrity": "sha512-B7ZjxeGPXzcaSm7dAp9n1C2tXDfJnRpdUlfLoTnsXWGKKgbHKgtDtwgRn+e0KGSDoNTmC85N3gemNfkT69D0kg==",
+      "version": "20.0.0",
+      "resolved": "https://registry.npmjs.org/@primer/css/-/css-20.0.0.tgz",
+      "integrity": "sha512-bzKJEgKM68GqwwLPfXEK1g5xb1sfZ7dKpnMAAWDWl1hVAADrmL0lcQ6xm29DCCi90RTT2bFF2CgU49d0g7PlTg==",
       "requires": {
-        "@primer/primitives": "6.0.0"
+        "@primer/primitives": "^7.7.0"
       },
       "dependencies": {
         "@primer/primitives": {
-          "version": "6.0.0",
-          "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-6.0.0.tgz",
-          "integrity": "sha512-idupwQC7vpMki4G2HBpQqTAD6MusFkipgfNXxETQ1D4yLkMQ1bMuif09dnHB7bhQBO5pXUFt52LMpPAnM5Zv4w=="
+          "version": "7.8.3",
+          "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-7.8.3.tgz",
+          "integrity": "sha512-04ZwfJhpZ0QFwDrJfCuLX6iOh0BflWDTvuoRA80lQH9xk0RtIg16INbruwwtnbSgnKKXXRSykRRJ5BbxnqufRA=="
         }
       }
     },
diff --git a/package.json b/package.json
index b7e9bfdabe73..935f3e6937ac 100644
--- a/package.json
+++ b/package.json
@@ -12,7 +12,7 @@
     "@alex_neo/jest-expect-message": "^1.0.5",
     "@hapi/accept": "^5.0.2",
     "@primer/components": "^31.1.0",
-    "@primer/css": "^18.1.0",
+    "@primer/css": "^20.0.0",
     "@primer/octicons": "^16.1.1",
     "@primer/octicons-react": "^16.1.1",
     "accept-language-parser": "^1.5.0",