diff --git a/package-lock.json b/package-lock.json
index 03d9c21a..e31dfbc7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -50,7 +50,7 @@
         "gatsby-cypress": "^2.0.0",
         "gh-pages": "^3.2.3",
         "jest": "^27.3.1",
-        "jest-styled-components": "^7.0.5",
+        "jest-styled-components": "^7.1.1",
         "markdownlint-cli2": "^0.3.2",
         "prettier": "^2.4.1",
         "start-server-and-test": "^1.14.0",
@@ -121,6 +121,12 @@
         "xml2js": "^0.4.23"
       }
     },
+    "node_modules/@adobe/css-tools": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@adobe/css-tools/-/css-tools-4.0.1.tgz",
+      "integrity": "sha512-+u76oB43nOHrF4DDWRLWDCtci7f3QJoEBigemIdIeTi1ODqjx6Tad9NCVnPRwewWlKkVab5PlK8DCtPTyX7S8g==",
+      "dev": true
+    },
     "node_modules/@ardatan/aggregate-error": {
       "version": "0.0.6",
       "resolved": "https://registry.npmjs.org/@ardatan/aggregate-error/-/aggregate-error-0.0.6.tgz",
@@ -22498,12 +22504,12 @@
       "dev": true
     },
     "node_modules/jest-styled-components": {
-      "version": "7.0.5",
-      "resolved": "https://registry.npmjs.org/jest-styled-components/-/jest-styled-components-7.0.5.tgz",
-      "integrity": "sha512-ZR/r3IKNkgaaVIOThn0Qis4sNQtA352qHjhbxSHeLS3FDIvHSUSJoI2b3kzk+bHHQ1VOeV630usERtnyhyZh4A==",
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/jest-styled-components/-/jest-styled-components-7.1.1.tgz",
+      "integrity": "sha512-OUq31R5CivBF8oy81dnegNQrRW13TugMol/Dz6ZnFfEyo03exLASod7YGwyHGuayYlKmCstPtz0RQ1+NrAbIIA==",
       "dev": true,
       "dependencies": {
-        "css": "^3.0.0"
+        "@adobe/css-tools": "^4.0.1"
       },
       "engines": {
         "node": ">= 12"
@@ -40573,6 +40579,12 @@
     }
   },
   "dependencies": {
+    "@adobe/css-tools": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@adobe/css-tools/-/css-tools-4.0.1.tgz",
+      "integrity": "sha512-+u76oB43nOHrF4DDWRLWDCtci7f3QJoEBigemIdIeTi1ODqjx6Tad9NCVnPRwewWlKkVab5PlK8DCtPTyX7S8g==",
+      "dev": true
+    },
     "@ardatan/aggregate-error": {
       "version": "0.0.6",
       "resolved": "https://registry.npmjs.org/@ardatan/aggregate-error/-/aggregate-error-0.0.6.tgz",
@@ -57849,12 +57861,12 @@
       }
     },
     "jest-styled-components": {
-      "version": "7.0.5",
-      "resolved": "https://registry.npmjs.org/jest-styled-components/-/jest-styled-components-7.0.5.tgz",
-      "integrity": "sha512-ZR/r3IKNkgaaVIOThn0Qis4sNQtA352qHjhbxSHeLS3FDIvHSUSJoI2b3kzk+bHHQ1VOeV630usERtnyhyZh4A==",
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/jest-styled-components/-/jest-styled-components-7.1.1.tgz",
+      "integrity": "sha512-OUq31R5CivBF8oy81dnegNQrRW13TugMol/Dz6ZnFfEyo03exLASod7YGwyHGuayYlKmCstPtz0RQ1+NrAbIIA==",
       "dev": true,
       "requires": {
-        "css": "^3.0.0"
+        "@adobe/css-tools": "^4.0.1"
       }
     },
     "jest-util": {
diff --git a/package.json b/package.json
index 0e86b20f..b2e6f3d3 100644
--- a/package.json
+++ b/package.json
@@ -81,7 +81,7 @@
     "gatsby-cypress": "^2.0.0",
     "gh-pages": "^3.2.3",
     "jest": "^27.3.1",
-    "jest-styled-components": "^7.0.5",
+    "jest-styled-components": "^7.1.1",
     "markdownlint-cli2": "^0.3.2",
     "prettier": "^2.4.1",
     "start-server-and-test": "^1.14.0",
diff --git a/yarn.lock b/yarn.lock
index b0348a4a..564c1309 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5,6 +5,13 @@ __metadata:
   version: 6
   cacheKey: 8
 
+"@adobe/css-tools@npm:^4.0.1":
+  version: 4.0.1
+  resolution: "@adobe/css-tools@npm:4.0.1"
+  checksum: 80226e2229024c21da9ffa6b5cd4a34b931f071e06f45aba4777ade071d7a6c94605cf73b13718b0c4b34e8b124c65c607b82eaa53a326d3eb73d9682a04a593
+  languageName: node
+  linkType: hard
+
 "@ardatan/aggregate-error@npm:0.0.6":
   version: 0.0.6
   resolution: "@ardatan/aggregate-error@npm:0.0.6"
@@ -11635,7 +11642,7 @@ __metadata:
     gatsby-theme-material: "*"
     gh-pages: ^3.2.3
     jest: ^27.3.1
-    jest-styled-components: ^7.0.5
+    jest-styled-components: ^7.1.1
     markdownlint-cli2: ^0.3.2
     prettier: ^2.4.1
     react: ^17.0.2
@@ -15308,14 +15315,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-styled-components@npm:^7.0.5":
-  version: 7.0.5
-  resolution: "jest-styled-components@npm:7.0.5"
+"jest-styled-components@npm:^7.1.1":
+  version: 7.1.1
+  resolution: "jest-styled-components@npm:7.1.1"
   dependencies:
-    css: ^3.0.0
+    "@adobe/css-tools": ^4.0.1
   peerDependencies:
     styled-components: ">= 5"
-  checksum: fef9f261dd59d6d095c1bc43da5ba5faaf87ca73dff20ff10e38f70201c35c60f6347836581c087bab6a8b26de29adc4cd657fdf2a28cf98609b2452a7368549
+  checksum: 1376d1211855c459e59e6b030af7294519cd2dd78169a2cb0df185ff4390fff417ab51be3dd520f1e975d2f391f50ff266e803c168ff9f03f3ff7ebbb823d2d7
   languageName: node
   linkType: hard