diff --git a/package-lock.json b/package-lock.json
index 36d691a23ff1..9a759e62a8c8 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": "^30.3.0",
-        "@primer/css": "^17.9.0",
+        "@primer/css": "^20.4.2",
         "@primer/octicons": "^15.1.0",
         "@primer/octicons-react": "^15.1.0",
         "accept-language-parser": "^1.5.0",
@@ -3670,20 +3670,20 @@
       }
     },
     "node_modules/@primer/css": {
-      "version": "17.9.0",
-      "resolved": "https://registry.npmjs.org/@primer/css/-/css-17.9.0.tgz",
-      "integrity": "sha512-/wnpDjw4LKU0iJ+maAP+a458unPrQGLXm3wU7pGG9jmbyTnoIaggxVQljAC3X2DRPkrL0QCShlltUBuZV1PIeA==",
+      "version": "20.4.2",
+      "resolved": "https://registry.npmjs.org/@primer/css/-/css-20.4.2.tgz",
+      "integrity": "sha512-EYfDXA80ERXwncs4KTjnOQ41pqz7auRmg7sSNCP9i39W7hqIEl2HAkhtbb3ii34o/48rGSZzOMnxHUL8Nk0c8w==",
       "dependencies": {
-        "@primer/primitives": "4.7.0"
+        "@primer/primitives": "^7.9.0"
       },
       "engines": {
         "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
       }
     },
     "node_modules/@primer/css/node_modules/@primer/primitives": {
-      "version": "4.7.0",
-      "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-4.7.0.tgz",
-      "integrity": "sha512-0tvy4e412UvwdhOIcLQU7N3TRA/SFzCcIBB0oReIwnaR+tIeSHqxoPaoHA3WZPjZpSOcvJiURmA5EXcZnFkGmg=="
+      "version": "7.9.0",
+      "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-7.9.0.tgz",
+      "integrity": "sha512-ZHHfwB0z0z6nDJp263gyGIClYDy+rl0nwqyi4qhcv3Cxhkmtf+If2KVjr6FQqBBFfi1wQwUzaax2FBvfEMFBnw=="
     },
     "node_modules/@primer/octicons": {
       "version": "15.1.0",
@@ -28070,17 +28070,17 @@
       }
     },
     "@primer/css": {
-      "version": "17.9.0",
-      "resolved": "https://registry.npmjs.org/@primer/css/-/css-17.9.0.tgz",
-      "integrity": "sha512-/wnpDjw4LKU0iJ+maAP+a458unPrQGLXm3wU7pGG9jmbyTnoIaggxVQljAC3X2DRPkrL0QCShlltUBuZV1PIeA==",
+      "version": "20.4.2",
+      "resolved": "https://registry.npmjs.org/@primer/css/-/css-20.4.2.tgz",
+      "integrity": "sha512-EYfDXA80ERXwncs4KTjnOQ41pqz7auRmg7sSNCP9i39W7hqIEl2HAkhtbb3ii34o/48rGSZzOMnxHUL8Nk0c8w==",
       "requires": {
-        "@primer/primitives": "4.7.0"
+        "@primer/primitives": "^7.9.0"
       },
       "dependencies": {
         "@primer/primitives": {
-          "version": "4.7.0",
-          "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-4.7.0.tgz",
-          "integrity": "sha512-0tvy4e412UvwdhOIcLQU7N3TRA/SFzCcIBB0oReIwnaR+tIeSHqxoPaoHA3WZPjZpSOcvJiURmA5EXcZnFkGmg=="
+          "version": "7.9.0",
+          "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-7.9.0.tgz",
+          "integrity": "sha512-ZHHfwB0z0z6nDJp263gyGIClYDy+rl0nwqyi4qhcv3Cxhkmtf+If2KVjr6FQqBBFfi1wQwUzaax2FBvfEMFBnw=="
         }
       }
     },
diff --git a/package.json b/package.json
index e0b5cdcaa43b..37ccb3cccfb7 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": "^30.3.0",
-    "@primer/css": "^17.9.0",
+    "@primer/css": "^20.4.2",
     "@primer/octicons": "^15.1.0",
     "@primer/octicons-react": "^15.1.0",
     "accept-language-parser": "^1.5.0",