diff --git a/package.json b/package.json
index d1c95c8c2f..e3a9099527 100644
--- a/package.json
+++ b/package.json
@@ -78,7 +78,7 @@
         "@sentry/browser": "^8.0.0",
         "@testing-library/react-hooks": "^8.0.1",
         "@vector-im/compound-design-tokens": "^1.2.0",
-        "@vector-im/compound-web": "^4.8.0",
+        "@vector-im/compound-web": "^4.9.0",
         "@zxcvbn-ts/core": "^3.0.4",
         "@zxcvbn-ts/language-common": "^3.0.4",
         "@zxcvbn-ts/language-en": "^3.0.2",
diff --git a/test/components/structures/__snapshots__/ThreadPanel-test.tsx.snap b/test/components/structures/__snapshots__/ThreadPanel-test.tsx.snap
index 45dd72ddf7..1ca0c698dc 100644
--- a/test/components/structures/__snapshots__/ThreadPanel-test.tsx.snap
+++ b/test/components/structures/__snapshots__/ThreadPanel-test.tsx.snap
@@ -12,7 +12,7 @@ exports[`ThreadPanel Header expect that All filter for ThreadPanelHeader properl
     </h4>
     <button
       aria-label="Mark all as read"
-      class="_icon-button_16nk7_17"
+      class="_icon-button_rijzz_17"
       role="button"
       style="--cpd-icon-button-size: 24px;"
       tabindex="0"
@@ -52,7 +52,7 @@ exports[`ThreadPanel Header expect that My filter for ThreadPanelHeader properly
     </h4>
     <button
       aria-label="Mark all as read"
-      class="_icon-button_16nk7_17"
+      class="_icon-button_rijzz_17"
       role="button"
       style="--cpd-icon-button-size: 24px;"
       tabindex="0"
diff --git a/test/components/views/right_panel/__snapshots__/RoomSummaryCard-test.tsx.snap b/test/components/views/right_panel/__snapshots__/RoomSummaryCard-test.tsx.snap
index 18ae831226..4763ed4db7 100644
--- a/test/components/views/right_panel/__snapshots__/RoomSummaryCard-test.tsx.snap
+++ b/test/components/views/right_panel/__snapshots__/RoomSummaryCard-test.tsx.snap
@@ -86,7 +86,7 @@ exports[`<RoomSummaryCard /> has button to edit topic when expanded 1`] = `
               </span>
             </p>
             <button
-              class="_icon-button_16nk7_17 mx_RoomSummaryCard_topic_chevron"
+              class="_icon-button_rijzz_17 mx_RoomSummaryCard_topic_chevron"
               role="button"
               style="--cpd-icon-button-size: 24px;"
               tabindex="0"
@@ -919,7 +919,7 @@ exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
               </span>
             </p>
             <button
-              class="_icon-button_16nk7_17 mx_RoomSummaryCard_topic_chevron"
+              class="_icon-button_rijzz_17 mx_RoomSummaryCard_topic_chevron"
               role="button"
               style="--cpd-icon-button-size: 24px;"
               tabindex="0"
diff --git a/test/components/views/rooms/RoomHeader/__snapshots__/VideoRoomChatButton-test.tsx.snap b/test/components/views/rooms/RoomHeader/__snapshots__/VideoRoomChatButton-test.tsx.snap
index 5595295dae..81a243e75a 100644
--- a/test/components/views/rooms/RoomHeader/__snapshots__/VideoRoomChatButton-test.tsx.snap
+++ b/test/components/views/rooms/RoomHeader/__snapshots__/VideoRoomChatButton-test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`<VideoRoomChatButton /> renders button with an unread marker when room is unread 1`] = `
 <button
   aria-label="Chat"
-  class="_icon-button_16nk7_17"
+  class="_icon-button_rijzz_17"
   data-indicator="default"
   role="button"
   style="--cpd-icon-button-size: 32px;"
diff --git a/test/components/views/rooms/__snapshots__/RoomHeader-test.tsx.snap b/test/components/views/rooms/__snapshots__/RoomHeader-test.tsx.snap
index b840382b4b..169f7ec8a1 100644
--- a/test/components/views/rooms/__snapshots__/RoomHeader-test.tsx.snap
+++ b/test/components/views/rooms/__snapshots__/RoomHeader-test.tsx.snap
@@ -46,7 +46,7 @@ exports[`RoomHeader does not show the face pile for DMs 1`] = `
       <button
         aria-disabled="true"
         aria-label="There's no one here to call"
-        class="_icon-button_16nk7_17"
+        class="_icon-button_rijzz_17"
         role="button"
         style="--cpd-icon-button-size: 32px;"
         tabindex="0"
@@ -61,7 +61,7 @@ exports[`RoomHeader does not show the face pile for DMs 1`] = `
       <button
         aria-disabled="true"
         aria-label="There's no one here to call"
-        class="_icon-button_16nk7_17"
+        class="_icon-button_rijzz_17"
         role="button"
         style="--cpd-icon-button-size: 32px;"
         tabindex="0"
@@ -75,7 +75,7 @@ exports[`RoomHeader does not show the face pile for DMs 1`] = `
       </button>
       <button
         aria-label="Threads"
-        class="_icon-button_16nk7_17"
+        class="_icon-button_rijzz_17"
         role="button"
         style="--cpd-icon-button-size: 32px;"
         tabindex="0"
diff --git a/test/components/views/settings/__snapshots__/PowerLevelSelector-test.tsx.snap b/test/components/views/settings/__snapshots__/PowerLevelSelector-test.tsx.snap
index f9cd625b0f..9d6037cb5d 100644
--- a/test/components/views/settings/__snapshots__/PowerLevelSelector-test.tsx.snap
+++ b/test/components/views/settings/__snapshots__/PowerLevelSelector-test.tsx.snap
@@ -60,7 +60,7 @@ exports[`PowerLevelSelector should display only the current user 1`] = `
     <button
       aria-disabled="true"
       aria-label="Apply"
-      class="_button_dyfp8_17 mx_Dialog_nonDialogButton mx_PowerLevelSelector_Button"
+      class="_button_zt6rp_17 mx_Dialog_nonDialogButton mx_PowerLevelSelector_Button"
       data-kind="primary"
       data-size="sm"
       role="button"
@@ -222,7 +222,7 @@ exports[`PowerLevelSelector should render 1`] = `
     <button
       aria-disabled="true"
       aria-label="Apply"
-      class="_button_dyfp8_17 mx_Dialog_nonDialogButton mx_PowerLevelSelector_Button"
+      class="_button_zt6rp_17 mx_Dialog_nonDialogButton mx_PowerLevelSelector_Button"
       data-kind="primary"
       data-size="sm"
       role="button"
diff --git a/test/components/views/spaces/__snapshots__/SpacePanel-test.tsx.snap b/test/components/views/spaces/__snapshots__/SpacePanel-test.tsx.snap
index 8a155b3033..f623e75f21 100644
--- a/test/components/views/spaces/__snapshots__/SpacePanel-test.tsx.snap
+++ b/test/components/views/spaces/__snapshots__/SpacePanel-test.tsx.snap
@@ -234,7 +234,7 @@ exports[`<SpacePanel /> should show all activated MetaSpaces in the correct orde
         aria-expanded="true"
         aria-haspopup="dialog"
         aria-label="Threads"
-        class="_icon-button_16nk7_17 mx_ThreadsActivityCentreButton"
+        class="_icon-button_rijzz_17 mx_ThreadsActivityCentreButton"
         role="button"
         style="--cpd-icon-button-size: 32px;"
         tabindex="0"
diff --git a/test/components/views/spaces/__snapshots__/ThreadsActivityCentre-test.tsx.snap b/test/components/views/spaces/__snapshots__/ThreadsActivityCentre-test.tsx.snap
index 61faf14f4a..1d72be5473 100644
--- a/test/components/views/spaces/__snapshots__/ThreadsActivityCentre-test.tsx.snap
+++ b/test/components/views/spaces/__snapshots__/ThreadsActivityCentre-test.tsx.snap
@@ -150,7 +150,7 @@ exports[`ThreadsActivityCentre should close the release announcement when the TA
         aria-expanded="true"
         aria-haspopup="menu"
         aria-label="Threads"
-        class="_icon-button_16nk7_17 mx_ThreadsActivityCentreButton"
+        class="_icon-button_rijzz_17 mx_ThreadsActivityCentreButton"
         data-state="open"
         id="radix-2"
         role="button"
@@ -437,7 +437,7 @@ exports[`ThreadsActivityCentre should render the release announcement 1`] = `
         aria-expanded="true"
         aria-haspopup="dialog"
         aria-label="Threads"
-        class="_icon-button_16nk7_17 mx_ThreadsActivityCentreButton"
+        class="_icon-button_rijzz_17 mx_ThreadsActivityCentreButton"
         role="button"
         style="--cpd-icon-button-size: 32px;"
         tabindex="0"
@@ -528,7 +528,7 @@ exports[`ThreadsActivityCentre should render the release announcement 1`] = `
         Threads notifications have moved, find them here from now on.
       </span>
       <button
-        class="_button_dyfp8_17 _button_1oa1y_57"
+        class="_button_zt6rp_17 _button_1oa1y_57"
         data-kind="secondary"
         data-size="sm"
         role="button"
diff --git a/yarn.lock b/yarn.lock
index 8b75ea1462..c834200d41 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3052,10 +3052,10 @@
   dependencies:
     svg2vectordrawable "^2.9.1"
 
-"@vector-im/compound-web@^4.8.0":
-  version "4.8.0"
-  resolved "https://registry.yarnpkg.com/@vector-im/compound-web/-/compound-web-4.8.0.tgz#1fe11d78549694f8d91b40065994bad19a7cebf2"
-  integrity sha512-kyB8wQPbdTUFWIzAbb4HcZ4iisUUpbm0xwmEjV9ZNN1/EIodidW6nLeYATh3Vc1fBvTGTgbFiPc1DiAcBuudiw==
+"@vector-im/compound-web@^4.9.0":
+  version "4.9.0"
+  resolved "https://registry.yarnpkg.com/@vector-im/compound-web/-/compound-web-4.9.0.tgz#f1e70119024110c439a551a65b97019b65149878"
+  integrity sha512-ojVteP3h/dZ53JGZGDNXKn6Zza3WafOJn+whj+Kt2C1UxxyExDLTLd+Y5f6xD/ho+9/BiNgs6x8eewGR1qaTrQ==
   dependencies:
     "@floating-ui/react" "^0.26.9"
     "@floating-ui/react-dom" "^2.0.8"
@@ -8662,7 +8662,16 @@ string-length@^4.0.1:
     char-regex "^1.0.2"
     strip-ansi "^6.0.0"
 
-"string-width-cjs@npm:string-width@^4.2.0", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
+"string-width-cjs@npm:string-width@^4.2.0":
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
+  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
+  dependencies:
+    emoji-regex "^8.0.0"
+    is-fullwidth-code-point "^3.0.0"
+    strip-ansi "^6.0.1"
+
+string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
   version "4.2.3"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
   integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
@@ -8768,7 +8777,14 @@ string_decoder@~1.1.1:
   dependencies:
     safe-buffer "~5.1.0"
 
-"strip-ansi-cjs@npm:strip-ansi@^6.0.1", strip-ansi@^6.0.0, strip-ansi@^6.0.1:
+"strip-ansi-cjs@npm:strip-ansi@^6.0.1":
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
+  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
+  dependencies:
+    ansi-regex "^5.0.1"
+
+strip-ansi@^6.0.0, strip-ansi@^6.0.1:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
   integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
@@ -9563,7 +9579,7 @@ which@^2.0.1:
   dependencies:
     isexe "^2.0.0"
 
-"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0", wrap-ansi@^7.0.0:
+"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0":
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
   integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
@@ -9581,6 +9597,15 @@ wrap-ansi@^6.2.0:
     string-width "^4.1.0"
     strip-ansi "^6.0.0"
 
+wrap-ansi@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
+  integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
+  dependencies:
+    ansi-styles "^4.0.0"
+    string-width "^4.1.0"
+    strip-ansi "^6.0.0"
+
 wrap-ansi@^8.1.0:
   version "8.1.0"
   resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-8.1.0.tgz#56dc22368ee570face1b49819975d9b9a5ead214"