diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 91ebc8fd..8392fc0a 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -17,7 +17,7 @@
         "@urql/exchange-graphcache": "^7.1.2",
         "@urql/exchange-refocus": "^1.1.0",
         "@urql/exchange-request-policy": "^1.2.0",
-        "@vector-im/compound-design-tokens": "1.6.1",
+        "@vector-im/compound-design-tokens": "1.8.0",
         "@vector-im/compound-web": "^5.5.0",
         "@zxcvbn-ts/core": "^3.0.4",
         "@zxcvbn-ts/language-common": "^3.0.4",
@@ -9158,9 +9158,9 @@
       }
     },
     "node_modules/@vector-im/compound-design-tokens": {
-      "version": "1.6.1",
-      "resolved": "https://registry.npmjs.org/@vector-im/compound-design-tokens/-/compound-design-tokens-1.6.1.tgz",
-      "integrity": "sha512-u5xG/8AN7QkPPWhugj0ZrQtWsAjuKHzuOoP0s3bbDg7ZkKTE9l5tM29bdOHnSv9mEYKO+KVMMfsl0W1rlaTmAw==",
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@vector-im/compound-design-tokens/-/compound-design-tokens-1.8.0.tgz",
+      "integrity": "sha512-PtQMG7kDzwtjw/fLKD63uWP5rJ8cgWc/aXarfEzxYUf9ceWxBajnYOBI2jDqtE3WIUe9uTVBzNEvmOBG/VIgTA==",
       "peerDependencies": {
         "@types/react": "*",
         "react": "^17 || ^18"
diff --git a/frontend/package.json b/frontend/package.json
index 596b6bbd..2272a53f 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -26,7 +26,7 @@
     "@urql/exchange-graphcache": "^7.1.2",
     "@urql/exchange-refocus": "^1.1.0",
     "@urql/exchange-request-policy": "^1.2.0",
-    "@vector-im/compound-design-tokens": "1.6.1",
+    "@vector-im/compound-design-tokens": "1.8.0",
     "@vector-im/compound-web": "^5.5.0",
     "@zxcvbn-ts/core": "^3.0.4",
     "@zxcvbn-ts/language-common": "^3.0.4",