diff --git a/package-lock.json b/package-lock.json
index e24993fa337a..7de0b5633e7d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,7 +10,7 @@
         "@elastic/elasticsearch": "7.11.0",
         "@github/failbot": "0.8.2",
         "@primer/behaviors": "^1.3.1",
-        "@primer/css": "^20.8.3",
+        "@primer/css": "^21.0.0",
         "@primer/octicons": "18.1.0",
         "@primer/octicons-react": "18.1.0",
         "@primer/react": "^35.20.0",
@@ -2048,9 +2048,9 @@
       "integrity": "sha512-1fzCDXpxI4J59pNmO0r0Y1g+R8Sa2B5ersce8AuFu5STMu7b++9osdedK0zWduYowBIgsPQZihJBN19WrAF64g=="
     },
     "node_modules/@github/auto-complete-element": {
-      "version": "3.3.4",
-      "resolved": "https://registry.npmjs.org/@github/auto-complete-element/-/auto-complete-element-3.3.4.tgz",
-      "integrity": "sha512-b9SBCLIQGfCI3G0pGYE8rBSUDON5iFKUgHXgAtVdgZii0dnLFxNl5tn1R/RaBEFdzBQPDl9vqu41TF/Hs3w8FA==",
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/@github/auto-complete-element/-/auto-complete-element-3.4.0.tgz",
+      "integrity": "sha512-iJ5D/0rwhPnoGPqFNWhY5NlJlxZKt/lMnIRuL6TRfJqu4ieDApWQdcVfJ0yPRDKAzJqmb0MgMkOtH84ZBLu9og==",
       "dependencies": {
         "@github/combobox-nav": "^2.0.2"
       }
@@ -3945,6 +3945,11 @@
         "@octokit/openapi-types": "^11.2.0"
       }
     },
+    "node_modules/@oddbird/popover-polyfill": {
+      "version": "0.0.10",
+      "resolved": "https://registry.npmjs.org/@oddbird/popover-polyfill/-/popover-polyfill-0.0.10.tgz",
+      "integrity": "sha512-jkfX/35EsxDe9ruTx3He59FyE+y5WDF5S4YJ7TABj0c8egHV2FLeADavknvr12CnSu0QTybv9ufKfPJDsYZYNw=="
+    },
     "node_modules/@playwright/test": {
       "version": "1.31.2",
       "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.31.2.tgz",
@@ -3993,17 +3998,22 @@
       "integrity": "sha512-iHMRuu8YWDJIdqCi1krx0cyFNeqszNKTOb0dXFu2wQ5BeIqxqPJLD7rjZ2Vjf/+YaPSbWuIQE1H6TaGMMsDfdA=="
     },
     "node_modules/@primer/css": {
-      "version": "20.8.3",
-      "resolved": "https://registry.npmjs.org/@primer/css/-/css-20.8.3.tgz",
-      "integrity": "sha512-jXF6l3Cjks6PkWTKbSkrg2h/pE+w/HVXZCpDkLcZB3P1d1cAaK8LXeVVBVWSjnKWIMfiNzyHcx1CTUtj5T4Ivg==",
+      "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.1",
-        "@primer/view-components": "^0.0.120"
+        "@primer/primitives": "^7.11.3",
+        "@primer/view-components": "^0.1.0"
       },
       "engines": {
         "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
       }
     },
+    "node_modules/@primer/css/node_modules/@primer/primitives": {
+      "version": "7.11.3",
+      "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-7.11.3.tgz",
+      "integrity": "sha512-od+rjE04X5sAtGncn9v7/ehZS2O9/tBpQpRsNirU5d4EuOwWMXTt3c6zMBkke136jbmJ0VbGhU+DrLwhj0AM9w=="
+    },
     "node_modules/@primer/octicons": {
       "version": "18.1.0",
       "resolved": "https://registry.npmjs.org/@primer/octicons/-/octicons-18.1.0.tgz",
@@ -4080,9 +4090,9 @@
       }
     },
     "node_modules/@primer/view-components": {
-      "version": "0.0.120",
-      "resolved": "https://registry.npmjs.org/@primer/view-components/-/view-components-0.0.120.tgz",
-      "integrity": "sha512-C90cNtB3Zl8B+nLPkztYYMBNTaGxUWLrVroG3a8dIEcpGdEZOhsOPOfeptpyPMolX7DWag/hfzBXBp0i7TawDg==",
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/@primer/view-components/-/view-components-0.1.4.tgz",
+      "integrity": "sha512-Z5rqs84o7Qox0pEMe5LJW5C/Pgn/YMV7cRjaWJxwvPrlMGtBIk1ds7IcgymcEH2DY/6Jvsm4WQIEwA2AIiHVlg==",
       "dependencies": {
         "@github/auto-check-element": "^5.2.0",
         "@github/auto-complete-element": "^3.3.4",
@@ -4093,6 +4103,7 @@
         "@github/mini-throttle": "^2.1.0",
         "@github/relative-time-element": "^4.0.0",
         "@github/tab-container-element": "^3.1.2",
+        "@oddbird/popover-polyfill": "^0.0.10",
         "@primer/behaviors": "^1.2.0"
       }
     },
@@ -21248,9 +21259,9 @@
       }
     },
     "@github/auto-complete-element": {
-      "version": "3.3.4",
-      "resolved": "https://registry.npmjs.org/@github/auto-complete-element/-/auto-complete-element-3.3.4.tgz",
-      "integrity": "sha512-b9SBCLIQGfCI3G0pGYE8rBSUDON5iFKUgHXgAtVdgZii0dnLFxNl5tn1R/RaBEFdzBQPDl9vqu41TF/Hs3w8FA==",
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/@github/auto-complete-element/-/auto-complete-element-3.4.0.tgz",
+      "integrity": "sha512-iJ5D/0rwhPnoGPqFNWhY5NlJlxZKt/lMnIRuL6TRfJqu4ieDApWQdcVfJ0yPRDKAzJqmb0MgMkOtH84ZBLu9og==",
       "requires": {
         "@github/combobox-nav": "^2.0.2"
       }
@@ -22563,6 +22574,11 @@
         "@octokit/openapi-types": "^11.2.0"
       }
     },
+    "@oddbird/popover-polyfill": {
+      "version": "0.0.10",
+      "resolved": "https://registry.npmjs.org/@oddbird/popover-polyfill/-/popover-polyfill-0.0.10.tgz",
+      "integrity": "sha512-jkfX/35EsxDe9ruTx3He59FyE+y5WDF5S4YJ7TABj0c8egHV2FLeADavknvr12CnSu0QTybv9ufKfPJDsYZYNw=="
+    },
     "@playwright/test": {
       "version": "1.31.2",
       "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.31.2.tgz",
@@ -22595,12 +22611,19 @@
       "integrity": "sha512-iHMRuu8YWDJIdqCi1krx0cyFNeqszNKTOb0dXFu2wQ5BeIqxqPJLD7rjZ2Vjf/+YaPSbWuIQE1H6TaGMMsDfdA=="
     },
     "@primer/css": {
-      "version": "20.8.3",
-      "resolved": "https://registry.npmjs.org/@primer/css/-/css-20.8.3.tgz",
-      "integrity": "sha512-jXF6l3Cjks6PkWTKbSkrg2h/pE+w/HVXZCpDkLcZB3P1d1cAaK8LXeVVBVWSjnKWIMfiNzyHcx1CTUtj5T4Ivg==",
+      "version": "21.0.0",
+      "resolved": "https://registry.npmjs.org/@primer/css/-/css-21.0.0.tgz",
+      "integrity": "sha512-bIiBv/qKUzYMoy9dDeAM2qOHBj/AX/1obG0Cbwcg2mCFBhfxIGl49AOyMx3EcYNDPO86ZHPFhF91gYUvlguKiQ==",
       "requires": {
-        "@primer/primitives": "^7.11.1",
-        "@primer/view-components": "^0.0.120"
+        "@primer/primitives": "^7.11.3",
+        "@primer/view-components": "^0.1.0"
+      },
+      "dependencies": {
+        "@primer/primitives": {
+          "version": "7.11.3",
+          "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-7.11.3.tgz",
+          "integrity": "sha512-od+rjE04X5sAtGncn9v7/ehZS2O9/tBpQpRsNirU5d4EuOwWMXTt3c6zMBkke136jbmJ0VbGhU+DrLwhj0AM9w=="
+        }
       }
     },
     "@primer/octicons": {
@@ -22662,9 +22685,9 @@
       }
     },
     "@primer/view-components": {
-      "version": "0.0.120",
-      "resolved": "https://registry.npmjs.org/@primer/view-components/-/view-components-0.0.120.tgz",
-      "integrity": "sha512-C90cNtB3Zl8B+nLPkztYYMBNTaGxUWLrVroG3a8dIEcpGdEZOhsOPOfeptpyPMolX7DWag/hfzBXBp0i7TawDg==",
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/@primer/view-components/-/view-components-0.1.4.tgz",
+      "integrity": "sha512-Z5rqs84o7Qox0pEMe5LJW5C/Pgn/YMV7cRjaWJxwvPrlMGtBIk1ds7IcgymcEH2DY/6Jvsm4WQIEwA2AIiHVlg==",
       "requires": {
         "@github/auto-check-element": "^5.2.0",
         "@github/auto-complete-element": "^3.3.4",
@@ -22675,6 +22698,7 @@
         "@github/mini-throttle": "^2.1.0",
         "@github/relative-time-element": "^4.0.0",
         "@github/tab-container-element": "^3.1.2",
+        "@oddbird/popover-polyfill": "^0.0.10",
         "@primer/behaviors": "^1.2.0"
       }
     },
diff --git a/package.json b/package.json
index 293cacf00c54..5e69dbdf8f0d 100644
--- a/package.json
+++ b/package.json
@@ -12,7 +12,7 @@
     "@elastic/elasticsearch": "7.11.0",
     "@github/failbot": "0.8.2",
     "@primer/behaviors": "^1.3.1",
-    "@primer/css": "^20.8.3",
+    "@primer/css": "^21.0.0",
     "@primer/octicons": "18.1.0",
     "@primer/octicons-react": "18.1.0",
     "@primer/react": "^35.20.0",