diff --git a/.github/workflows/tests.yml b/.github/workflows/tests.yml
index 4b0013f5cf..95338f1bf7 100644
--- a/.github/workflows/tests.yml
+++ b/.github/workflows/tests.yml
@@ -163,6 +163,11 @@ jobs:
               working-directory: "packages/${{ matrix.package }}"
               run: pnpm test:unit --coverage=$ENABLE_COVERAGE
 
+            # Dump the disk usage on failure, because this job seems to fail with disk fills sometimes
+            - name: df
+              run: df
+              if: ${{ failure() }}
+
             - name: Upload Artifact
               if: env.ENABLE_COVERAGE == 'true'
               uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7
diff --git a/apps/web/test/unit-tests/components/structures/__snapshots__/MatrixChat-test.tsx.snap b/apps/web/test/unit-tests/components/structures/__snapshots__/MatrixChat-test.tsx.snap
index 564aadaf87..1607005b1d 100644
--- a/apps/web/test/unit-tests/components/structures/__snapshots__/MatrixChat-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/structures/__snapshots__/MatrixChat-test.tsx.snap
@@ -97,7 +97,7 @@ exports[`<MatrixChat /> Multi-tab lockout waits for other tab to stop during sta
     >
       <svg
         aria-label="Loading…"
-        class="_icon_11k6c_18"
+        class="_icon_1855a_18"
         data-testid="spinner"
         fill="currentColor"
         height="1em"
@@ -237,7 +237,7 @@ exports[`<MatrixChat /> should render spinner while app is loading 1`] = `
     >
       <svg
         aria-label="Loading…"
-        class="_icon_11k6c_18"
+        class="_icon_1855a_18"
         data-testid="spinner"
         fill="currentColor"
         height="1em"
diff --git a/apps/web/test/unit-tests/components/structures/__snapshots__/MessagePanel-test.tsx.snap b/apps/web/test/unit-tests/components/structures/__snapshots__/MessagePanel-test.tsx.snap
index 98dc1eebff..64d7061c81 100644
--- a/apps/web/test/unit-tests/components/structures/__snapshots__/MessagePanel-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/structures/__snapshots__/MessagePanel-test.tsx.snap
@@ -107,7 +107,7 @@ exports[`MessagePanel should handle lots of membership events quickly 1`] = `
                 class="mx_GenericEventListSummary_avatars"
               >
                 <span
-                  class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+                  class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
                   data-color="1"
                   data-testid="avatar-img"
                   data-type="round"
diff --git a/apps/web/test/unit-tests/components/structures/__snapshots__/RoomView-test.tsx.snap b/apps/web/test/unit-tests/components/structures/__snapshots__/RoomView-test.tsx.snap
index c778009903..e068ee8e7f 100644
--- a/apps/web/test/unit-tests/components/structures/__snapshots__/RoomView-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/structures/__snapshots__/RoomView-test.tsx.snap
@@ -11,7 +11,7 @@ exports[`RoomView for a local room in state CREATING should match the snapshot 1
     >
       <span
         aria-label="Open room settings"
-        class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+        class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
         data-color="3"
         data-testid="avatar-img"
         data-type="round"
@@ -56,7 +56,7 @@ exports[`RoomView for a local room in state CREATING should match the snapshot 1
         >
           <svg
             aria-label="Loading…"
-            class="_icon_11k6c_18"
+            class="_icon_1855a_18"
             data-testid="spinner"
             fill="currentColor"
             height="1em"
@@ -95,7 +95,7 @@ exports[`RoomView for a local room in state ERROR should match the snapshot 1`]
     >
       <span
         aria-label="Open room settings"
-        class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+        class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
         data-color="3"
         data-testid="avatar-img"
         data-type="round"
@@ -185,7 +185,7 @@ exports[`RoomView for a local room in state ERROR should match the snapshot 1`]
                 <button
                   aria-label="Avatar"
                   aria-live="off"
-                  class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+                  class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
                   data-color="3"
                   data-testid="avatar-img"
                   data-type="round"
@@ -285,7 +285,7 @@ exports[`RoomView for a local room in state NEW should match the snapshot 1`] =
     >
       <span
         aria-label="Open room settings"
-        class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+        class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
         data-color="3"
         data-testid="avatar-img"
         data-type="round"
@@ -375,7 +375,7 @@ exports[`RoomView for a local room in state NEW should match the snapshot 1`] =
                 <button
                   aria-label="Avatar"
                   aria-live="off"
-                  class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+                  class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
                   data-color="3"
                   data-testid="avatar-img"
                   data-type="round"
@@ -663,7 +663,7 @@ exports[`RoomView for a local room in state NEW that is encrypted should match t
     >
       <span
         aria-label="Open room settings"
-        class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+        class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
         data-color="3"
         data-testid="avatar-img"
         data-type="round"
@@ -748,7 +748,7 @@ exports[`RoomView for a local room in state NEW that is encrypted should match t
                 <button
                   aria-label="Avatar"
                   aria-live="off"
-                  class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+                  class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
                   data-color="3"
                   data-testid="avatar-img"
                   data-type="round"
@@ -1023,7 +1023,7 @@ exports[`RoomView invites renders an invite room 1`] = `
         </h3>
         <p>
           <span
-            class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+            class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
             data-color="2"
             data-testid="avatar-img"
             data-type="round"
@@ -1105,7 +1105,7 @@ exports[`RoomView should hide the composer when hideComposer=true 1`] = `
           <button
             aria-label="Open room settings"
             aria-live="off"
-            class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+            class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
             data-color="2"
             data-testid="avatar-img"
             data-type="round"
@@ -1257,7 +1257,7 @@ exports[`RoomView should hide the composer when hideComposer=true 1`] = `
               tabindex="0"
             >
               <div
-                class="_stacked-avatars_7h2br_109"
+                class="_stacked-avatars_va14e_109"
               />
               0
             </div>
@@ -1644,7 +1644,7 @@ exports[`RoomView should hide the pinned message banner when hidePinnedMessageBa
           <button
             aria-label="Open room settings"
             aria-live="off"
-            class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+            class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
             data-color="2"
             data-testid="avatar-img"
             data-type="round"
@@ -1796,7 +1796,7 @@ exports[`RoomView should hide the pinned message banner when hidePinnedMessageBa
               tabindex="0"
             >
               <div
-                class="_stacked-avatars_7h2br_109"
+                class="_stacked-avatars_va14e_109"
               />
               0
             </div>
@@ -2119,7 +2119,7 @@ exports[`RoomView should hide the right panel when hideRightPanel=true 1`] = `
           <button
             aria-label="Open room settings"
             aria-live="off"
-            class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+            class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
             data-color="2"
             data-testid="avatar-img"
             data-type="round"
@@ -2271,7 +2271,7 @@ exports[`RoomView should hide the right panel when hideRightPanel=true 1`] = `
               tabindex="0"
             >
               <div
-                class="_stacked-avatars_7h2br_109"
+                class="_stacked-avatars_va14e_109"
               />
               0
             </div>
@@ -2594,7 +2594,7 @@ exports[`RoomView should not display the timeline when the room encryption is lo
           <button
             aria-label="Open room settings"
             aria-live="off"
-            class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+            class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
             data-color="1"
             data-testid="avatar-img"
             data-type="round"
@@ -2746,7 +2746,7 @@ exports[`RoomView should not display the timeline when the room encryption is lo
               tabindex="0"
             >
               <div
-                class="_stacked-avatars_7h2br_109"
+                class="_stacked-avatars_va14e_109"
               />
               0
             </div>
@@ -2808,7 +2808,7 @@ exports[`RoomView should not display the timeline when the room encryption is lo
           <button
             aria-label="Open room settings"
             aria-live="off"
-            class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+            class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
             data-color="1"
             data-testid="avatar-img"
             data-type="round"
@@ -2960,7 +2960,7 @@ exports[`RoomView should not display the timeline when the room encryption is lo
               tabindex="0"
             >
               <div
-                class="_stacked-avatars_7h2br_109"
+                class="_stacked-avatars_va14e_109"
               />
               0
             </div>
@@ -3323,7 +3323,7 @@ exports[`RoomView video rooms should render joined video room view 1`] = `
           <button
             aria-label="Open room settings"
             aria-live="off"
-            class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+            class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
             data-color="2"
             data-testid="avatar-img"
             data-type="round"
@@ -3448,7 +3448,7 @@ exports[`RoomView video rooms should render joined video room view 1`] = `
               tabindex="0"
             >
               <div
-                class="_stacked-avatars_7h2br_109"
+                class="_stacked-avatars_va14e_109"
               />
               0
             </div>
@@ -3479,7 +3479,7 @@ exports[`RoomView video rooms should render joined video room view 1`] = `
                    
                   <svg
                     aria-label="Loading…"
-                    class="_icon_11k6c_18"
+                    class="_icon_1855a_18"
                     data-testid="spinner"
                     fill="currentColor"
                     height="1em"
diff --git a/apps/web/test/unit-tests/components/structures/__snapshots__/SpaceHierarchy-test.tsx.snap b/apps/web/test/unit-tests/components/structures/__snapshots__/SpaceHierarchy-test.tsx.snap
index 9f8a89e59d..589f0eaf10 100644
--- a/apps/web/test/unit-tests/components/structures/__snapshots__/SpaceHierarchy-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/structures/__snapshots__/SpaceHierarchy-test.tsx.snap
@@ -86,7 +86,7 @@ exports[`SpaceHierarchy <SpaceHierarchy /> renders 1`] = `
             class="mx_SpaceHierarchy_roomTile_avatar"
           >
             <span
-              class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+              class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
               data-color="5"
               data-testid="avatar-img"
               data-type="round"
@@ -184,7 +184,7 @@ exports[`SpaceHierarchy <SpaceHierarchy /> renders 1`] = `
             class="mx_SpaceHierarchy_roomTile_avatar"
           >
             <span
-              class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+              class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
               data-color="6"
               data-testid="avatar-img"
               data-type="round"
@@ -283,7 +283,7 @@ exports[`SpaceHierarchy <SpaceHierarchy /> renders 1`] = `
             class="mx_SpaceHierarchy_roomTile_avatar"
           >
             <span
-              class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+              class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
               data-color="2"
               data-testid="avatar-img"
               data-type="round"
@@ -399,7 +399,7 @@ exports[`SpaceHierarchy <SpaceHierarchy /> renders 1`] = `
                 class="mx_SpaceHierarchy_roomTile_avatar"
               >
                 <span
-                  class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+                  class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
                   data-color="2"
                   data-testid="avatar-img"
                   data-type="round"
@@ -505,7 +505,7 @@ exports[`SpaceHierarchy <SpaceHierarchy /> renders 1`] = `
             class="mx_SpaceHierarchy_roomTile_avatar"
           >
             <span
-              class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+              class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
               data-color="6"
               data-testid="avatar-img"
               data-type="round"
@@ -676,7 +676,7 @@ exports[`SpaceHierarchy <SpaceHierarchy /> should not render cycles 1`] = `
             class="mx_SpaceHierarchy_roomTile_avatar"
           >
             <span
-              class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+              class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
               data-color="5"
               data-testid="avatar-img"
               data-type="round"
@@ -774,7 +774,7 @@ exports[`SpaceHierarchy <SpaceHierarchy /> should not render cycles 1`] = `
             class="mx_SpaceHierarchy_roomTile_avatar"
           >
             <span
-              class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+              class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
               data-color="6"
               data-testid="avatar-img"
               data-type="round"
@@ -873,7 +873,7 @@ exports[`SpaceHierarchy <SpaceHierarchy /> should not render cycles 1`] = `
             class="mx_SpaceHierarchy_roomTile_avatar"
           >
             <span
-              class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+              class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
               data-color="2"
               data-testid="avatar-img"
               data-type="round"
diff --git a/apps/web/test/unit-tests/components/structures/auth/__snapshots__/LoginSplashView-test.tsx.snap b/apps/web/test/unit-tests/components/structures/auth/__snapshots__/LoginSplashView-test.tsx.snap
index 62aee87218..8ea10c3f6b 100644
--- a/apps/web/test/unit-tests/components/structures/auth/__snapshots__/LoginSplashView-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/structures/auth/__snapshots__/LoginSplashView-test.tsx.snap
@@ -10,7 +10,7 @@ exports[`<LoginSplashView /> Renders a spinner 1`] = `
     >
       <svg
         aria-label="Loading…"
-        class="_icon_11k6c_18"
+        class="_icon_1855a_18"
         data-testid="spinner"
         fill="currentColor"
         height="1em"
@@ -59,7 +59,7 @@ exports[`<LoginSplashView /> Renders an error message 1`] = `
     >
       <svg
         aria-label="Loading…"
-        class="_icon_11k6c_18"
+        class="_icon_1855a_18"
         data-testid="spinner"
         fill="currentColor"
         height="1em"
diff --git a/apps/web/test/unit-tests/components/views/avatars/__snapshots__/DecoratedRoomAvatar-test.tsx.snap b/apps/web/test/unit-tests/components/views/avatars/__snapshots__/DecoratedRoomAvatar-test.tsx.snap
index cbb2fc8d63..ac85c8f2b9 100644
--- a/apps/web/test/unit-tests/components/views/avatars/__snapshots__/DecoratedRoomAvatar-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/avatars/__snapshots__/DecoratedRoomAvatar-test.tsx.snap
@@ -6,7 +6,7 @@ exports[`DecoratedRoomAvatar shows an avatar with globe icon and tooltip for pub
     class="mx_DecoratedRoomAvatar mx_DecoratedRoomAvatar_cutout"
   >
     <span
-      class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+      class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
       data-color="1"
       data-testid="avatar-img"
       data-type="round"
@@ -42,7 +42,7 @@ exports[`DecoratedRoomAvatar shows the presence indicator in a DM room that also
     class="mx_DecoratedRoomAvatar mx_DecoratedRoomAvatar_cutout"
   >
     <span
-      class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+      class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
       data-color="5"
       data-testid="avatar-img"
       data-type="round"
diff --git a/apps/web/test/unit-tests/components/views/avatars/__snapshots__/RoomAvatar-test.tsx.snap b/apps/web/test/unit-tests/components/views/avatars/__snapshots__/RoomAvatar-test.tsx.snap
index 73f138af6b..2115fde36a 100644
--- a/apps/web/test/unit-tests/components/views/avatars/__snapshots__/RoomAvatar-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/avatars/__snapshots__/RoomAvatar-test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`RoomAvatar should not render an invite avatar if the user has disabled it 1`] = `
 <div>
   <span
-    class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+    class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
     data-color="6"
     data-testid="avatar-img"
     data-type="round"
@@ -19,7 +19,7 @@ exports[`RoomAvatar should render an avatar for a room the user is invited to 1`
 <div>
   <span
     aria-label="Avatar"
-    class="_avatar_7h2br_8 mx_BaseAvatar"
+    class="_avatar_va14e_8 mx_BaseAvatar"
     data-color="6"
     data-testid="avatar-img"
     data-type="round"
@@ -27,7 +27,7 @@ exports[`RoomAvatar should render an avatar for a room the user is invited to 1`
   >
     <img
       alt=""
-      class="_image_7h2br_43"
+      class="_image_va14e_43"
       data-type="round"
       height="36px"
       loading="lazy"
@@ -42,7 +42,7 @@ exports[`RoomAvatar should render an avatar for a room the user is invited to 1`
 exports[`RoomAvatar should render as expected for a DM room 1`] = `
 <div>
   <span
-    class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+    class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
     data-color="1"
     data-testid="avatar-img"
     data-type="round"
@@ -57,7 +57,7 @@ exports[`RoomAvatar should render as expected for a DM room 1`] = `
 exports[`RoomAvatar should render as expected for a LocalRoom 1`] = `
 <div>
   <span
-    class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+    class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
     data-color="3"
     data-testid="avatar-img"
     data-type="round"
@@ -72,7 +72,7 @@ exports[`RoomAvatar should render as expected for a LocalRoom 1`] = `
 exports[`RoomAvatar should render as expected for a Room 1`] = `
 <div>
   <span
-    class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+    class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
     data-color="6"
     data-testid="avatar-img"
     data-type="round"
diff --git a/apps/web/test/unit-tests/components/views/avatars/__snapshots__/RoomAvatarView-test.tsx.snap b/apps/web/test/unit-tests/components/views/avatars/__snapshots__/RoomAvatarView-test.tsx.snap
index 330f8d25b5..4e0b12d820 100644
--- a/apps/web/test/unit-tests/components/views/avatars/__snapshots__/RoomAvatarView-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/avatars/__snapshots__/RoomAvatarView-test.tsx.snap
@@ -4,7 +4,7 @@ exports[`<RoomAvatarView /> should not render a decoration 1`] = `
 <DocumentFragment>
   <span
     aria-label="Avatar"
-    class="_avatar_7h2br_8 mx_BaseAvatar"
+    class="_avatar_va14e_8 mx_BaseAvatar"
     data-color="1"
     data-testid="avatar-img"
     data-type="round"
@@ -12,7 +12,7 @@ exports[`<RoomAvatarView /> should not render a decoration 1`] = `
   >
     <img
       alt=""
-      class="_image_7h2br_43"
+      class="_image_va14e_43"
       data-type="round"
       height="32px"
       loading="lazy"
@@ -32,7 +32,7 @@ exports[`<RoomAvatarView /> should render a low priority room decoration 1`] = `
   >
     <span
       aria-label="Avatar"
-      class="_avatar_7h2br_8 mx_BaseAvatar mx_RoomAvatarView_RoomAvatar mx_RoomAvatarView_RoomAvatar_icon"
+      class="_avatar_va14e_8 mx_BaseAvatar mx_RoomAvatarView_RoomAvatar mx_RoomAvatarView_RoomAvatar_icon"
       data-color="1"
       data-testid="avatar-img"
       data-type="round"
@@ -40,7 +40,7 @@ exports[`<RoomAvatarView /> should render a low priority room decoration 1`] = `
     >
       <img
         alt=""
-        class="_image_7h2br_43"
+        class="_image_va14e_43"
         data-type="round"
         height="32px"
         loading="lazy"
@@ -76,7 +76,7 @@ exports[`<RoomAvatarView /> should render a public room decoration 1`] = `
   >
     <span
       aria-label="Avatar"
-      class="_avatar_7h2br_8 mx_BaseAvatar mx_RoomAvatarView_RoomAvatar mx_RoomAvatarView_RoomAvatar_icon"
+      class="_avatar_va14e_8 mx_BaseAvatar mx_RoomAvatarView_RoomAvatar mx_RoomAvatarView_RoomAvatar_icon"
       data-color="1"
       data-testid="avatar-img"
       data-type="round"
@@ -84,7 +84,7 @@ exports[`<RoomAvatarView /> should render a public room decoration 1`] = `
     >
       <img
         alt=""
-        class="_image_7h2br_43"
+        class="_image_va14e_43"
         data-type="round"
         height="32px"
         loading="lazy"
@@ -120,7 +120,7 @@ exports[`<RoomAvatarView /> should render a video room decoration 1`] = `
   >
     <span
       aria-label="Avatar"
-      class="_avatar_7h2br_8 mx_BaseAvatar mx_RoomAvatarView_RoomAvatar mx_RoomAvatarView_RoomAvatar_icon"
+      class="_avatar_va14e_8 mx_BaseAvatar mx_RoomAvatarView_RoomAvatar mx_RoomAvatarView_RoomAvatar_icon"
       data-color="1"
       data-testid="avatar-img"
       data-type="round"
@@ -128,7 +128,7 @@ exports[`<RoomAvatarView /> should render a video room decoration 1`] = `
     >
       <img
         alt=""
-        class="_image_7h2br_43"
+        class="_image_va14e_43"
         data-type="round"
         height="32px"
         loading="lazy"
@@ -164,7 +164,7 @@ exports[`<RoomAvatarView /> should render the AWAY presence 1`] = `
   >
     <span
       aria-label="Avatar"
-      class="_avatar_7h2br_8 mx_BaseAvatar mx_RoomAvatarView_RoomAvatar mx_RoomAvatarView_RoomAvatar_presence"
+      class="_avatar_va14e_8 mx_BaseAvatar mx_RoomAvatarView_RoomAvatar mx_RoomAvatarView_RoomAvatar_presence"
       data-color="1"
       data-testid="avatar-img"
       data-type="round"
@@ -172,7 +172,7 @@ exports[`<RoomAvatarView /> should render the AWAY presence 1`] = `
     >
       <img
         alt=""
-        class="_image_7h2br_43"
+        class="_image_va14e_43"
         data-type="round"
         height="32px"
         loading="lazy"
@@ -221,7 +221,7 @@ exports[`<RoomAvatarView /> should render the BUSY presence 1`] = `
   >
     <span
       aria-label="Avatar"
-      class="_avatar_7h2br_8 mx_BaseAvatar mx_RoomAvatarView_RoomAvatar mx_RoomAvatarView_RoomAvatar_presence"
+      class="_avatar_va14e_8 mx_BaseAvatar mx_RoomAvatarView_RoomAvatar mx_RoomAvatarView_RoomAvatar_presence"
       data-color="1"
       data-testid="avatar-img"
       data-type="round"
@@ -229,7 +229,7 @@ exports[`<RoomAvatarView /> should render the BUSY presence 1`] = `
     >
       <img
         alt=""
-        class="_image_7h2br_43"
+        class="_image_va14e_43"
         data-type="round"
         height="32px"
         loading="lazy"
@@ -280,7 +280,7 @@ exports[`<RoomAvatarView /> should render the OFFLINE presence 1`] = `
   >
     <span
       aria-label="Avatar"
-      class="_avatar_7h2br_8 mx_BaseAvatar mx_RoomAvatarView_RoomAvatar mx_RoomAvatarView_RoomAvatar_presence"
+      class="_avatar_va14e_8 mx_BaseAvatar mx_RoomAvatarView_RoomAvatar mx_RoomAvatarView_RoomAvatar_presence"
       data-color="1"
       data-testid="avatar-img"
       data-type="round"
@@ -288,7 +288,7 @@ exports[`<RoomAvatarView /> should render the OFFLINE presence 1`] = `
     >
       <img
         alt=""
-        class="_image_7h2br_43"
+        class="_image_va14e_43"
         data-type="round"
         height="32px"
         loading="lazy"
@@ -339,7 +339,7 @@ exports[`<RoomAvatarView /> should render the ONLINE presence 1`] = `
   >
     <span
       aria-label="Avatar"
-      class="_avatar_7h2br_8 mx_BaseAvatar mx_RoomAvatarView_RoomAvatar mx_RoomAvatarView_RoomAvatar_presence"
+      class="_avatar_va14e_8 mx_BaseAvatar mx_RoomAvatarView_RoomAvatar mx_RoomAvatarView_RoomAvatar_presence"
       data-color="1"
       data-testid="avatar-img"
       data-type="round"
@@ -347,7 +347,7 @@ exports[`<RoomAvatarView /> should render the ONLINE presence 1`] = `
     >
       <img
         alt=""
-        class="_image_7h2br_43"
+        class="_image_va14e_43"
         data-type="round"
         height="32px"
         loading="lazy"
diff --git a/apps/web/test/unit-tests/components/views/beacon/__snapshots__/BeaconMarker-test.tsx.snap b/apps/web/test/unit-tests/components/views/beacon/__snapshots__/BeaconMarker-test.tsx.snap
index 62c18c1f79..6050fb7b69 100644
--- a/apps/web/test/unit-tests/components/views/beacon/__snapshots__/BeaconMarker-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/beacon/__snapshots__/BeaconMarker-test.tsx.snap
@@ -11,7 +11,7 @@ exports[`<BeaconMarker /> renders marker when beacon has location 1`] = `
         class="mx_Marker_border"
       >
         <span
-          class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+          class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
           data-color="6"
           data-testid="avatar-img"
           data-type="round"
diff --git a/apps/web/test/unit-tests/components/views/beacon/__snapshots__/BeaconViewDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/beacon/__snapshots__/BeaconViewDialog-test.tsx.snap
index ab640f1535..ae4d37a40d 100644
--- a/apps/web/test/unit-tests/components/views/beacon/__snapshots__/BeaconViewDialog-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/beacon/__snapshots__/BeaconViewDialog-test.tsx.snap
@@ -41,7 +41,7 @@ exports[`<BeaconViewDialog /> renders own beacon status when user is live sharin
   class="mx_DialogOwnBeaconStatus"
 >
   <span
-    class="_avatar_7h2br_8 mx_BaseAvatar mx_DialogOwnBeaconStatus_avatar _avatar-imageless_7h2br_55"
+    class="_avatar_va14e_8 mx_BaseAvatar mx_DialogOwnBeaconStatus_avatar _avatar-imageless_va14e_55"
     data-color="6"
     data-testid="avatar-img"
     data-type="round"
diff --git a/apps/web/test/unit-tests/components/views/beacon/__snapshots__/DialogSidebar-test.tsx.snap b/apps/web/test/unit-tests/components/views/beacon/__snapshots__/DialogSidebar-test.tsx.snap
index 98803659a4..98f74680a2 100644
--- a/apps/web/test/unit-tests/components/views/beacon/__snapshots__/DialogSidebar-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/beacon/__snapshots__/DialogSidebar-test.tsx.snap
@@ -41,7 +41,7 @@ exports[`<DialogSidebar /> renders sidebar correctly with beacons 1`] = `
         class="mx_BeaconListItem"
       >
         <span
-          class="_avatar_7h2br_8 mx_BaseAvatar mx_BeaconListItem_avatar _avatar-imageless_7h2br_55"
+          class="_avatar_va14e_8 mx_BaseAvatar mx_BeaconListItem_avatar _avatar-imageless_va14e_55"
           data-color="1"
           data-testid="avatar-img"
           data-type="round"
diff --git a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ConfirmUserActionDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ConfirmUserActionDialog-test.tsx.snap
index 4ba66223ca..c256ece1cb 100644
--- a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ConfirmUserActionDialog-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ConfirmUserActionDialog-test.tsx.snap
@@ -36,7 +36,7 @@ exports[`ConfirmUserActionDialog renders 1`] = `
           class="mx_ConfirmUserActionDialog_avatar"
         >
           <span
-            class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+            class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
             data-color="3"
             data-testid="avatar-img"
             data-type="round"
diff --git a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/CreateSectionDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/CreateSectionDialog-test.tsx.snap
index 7cff6e3769..7283c072f5 100644
--- a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/CreateSectionDialog-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/CreateSectionDialog-test.tsx.snap
@@ -47,7 +47,7 @@ exports[`CreateSectionDialog renders the dialog 1`] = `
             Section name
           </label>
           <input
-            class="_control_sqdq4_10"
+            class="_control_d83jn_10"
             id="radix-_r_0_"
             name="sectionName"
             required=""
diff --git a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/DevtoolsDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/DevtoolsDialog-test.tsx.snap
index 721a650ed3..28fe2c81d2 100644
--- a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/DevtoolsDialog-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/DevtoolsDialog-test.tsx.snap
@@ -298,7 +298,7 @@ exports[`DevtoolsDialog renders the devtools dialog 1`] = `
             class="_controls_17lij_8"
           >
             <input
-              class="_control_sqdq4_10"
+              class="_control_d83jn_10"
               id="radix-_r_d_"
               name="input"
               title=""
diff --git a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/InviteProgressBody-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/InviteProgressBody-test.tsx.snap
index d233bd8b96..e92e655860 100644
--- a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/InviteProgressBody-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/InviteProgressBody-test.tsx.snap
@@ -10,7 +10,7 @@ exports[`InviteProgressBody should match snapshot 1`] = `
     >
       <svg
         aria-label="Loading…"
-        class="_icon_11k6c_18"
+        class="_icon_1855a_18"
         data-testid="spinner"
         fill="currentColor"
         height="1em"
diff --git a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ManageRestrictedJoinRuleDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ManageRestrictedJoinRuleDialog-test.tsx.snap
index 59e82b91c3..c9f25e3b25 100644
--- a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ManageRestrictedJoinRuleDialog-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ManageRestrictedJoinRuleDialog-test.tsx.snap
@@ -120,7 +120,7 @@ exports[`<ManageRestrictedJoinRuleDialog /> should list spaces which are not par
                 >
                   <div>
                     <span
-                      class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+                      class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
                       data-color="1"
                       data-testid="avatar-img"
                       data-type="round"
diff --git a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/RoomSettingsDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/RoomSettingsDialog-test.tsx.snap
index c57922ed30..9521e705b3 100644
--- a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/RoomSettingsDialog-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/RoomSettingsDialog-test.tsx.snap
@@ -192,7 +192,7 @@ exports[`<RoomSettingsDialog /> poll history displays poll history when tab clic
         >
           <svg
             aria-label="Loading…"
-            class="_icon_11k6c_18"
+            class="_icon_1855a_18"
             data-testid="spinner"
             fill="currentColor"
             height="1em"
diff --git a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ShareDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ShareDialog-test.tsx.snap
index 999b18ffc6..ad8f1b9196 100644
--- a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ShareDialog-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ShareDialog-test.tsx.snap
@@ -182,7 +182,7 @@ exports[`ShareDialog should not render the socials if disabled 1`] = `
           >
             <svg
               aria-label="Loading…"
-              class="_icon_11k6c_18"
+              class="_icon_1855a_18"
               data-testid="spinner"
               fill="currentColor"
               height="1em"
@@ -292,7 +292,7 @@ exports[`ShareDialog should render a share dialog for a matrix event 1`] = `
           >
             <svg
               aria-label="Loading…"
-              class="_icon_11k6c_18"
+              class="_icon_1855a_18"
               data-testid="spinner"
               fill="currentColor"
               height="1em"
@@ -489,7 +489,7 @@ exports[`ShareDialog should render a share dialog for a room 1`] = `
           >
             <svg
               aria-label="Loading…"
-              class="_icon_11k6c_18"
+              class="_icon_1855a_18"
               data-testid="spinner"
               fill="currentColor"
               height="1em"
@@ -685,7 +685,7 @@ exports[`ShareDialog should render a share dialog for a room member 1`] = `
           >
             <svg
               aria-label="Loading…"
-              class="_icon_11k6c_18"
+              class="_icon_1855a_18"
               data-testid="spinner"
               fill="currentColor"
               height="1em"
@@ -854,7 +854,7 @@ exports[`ShareDialog should render a share dialog for an URL 1`] = `
           >
             <svg
               aria-label="Loading…"
-              class="_icon_11k6c_18"
+              class="_icon_1855a_18"
               data-testid="spinner"
               fill="currentColor"
               height="1em"
diff --git a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/VerificationRequestDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/VerificationRequestDialog-test.tsx.snap
index 79d21cf19f..821de17b0c 100644
--- a/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/VerificationRequestDialog-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/dialogs/__snapshots__/VerificationRequestDialog-test.tsx.snap
@@ -197,7 +197,7 @@ exports[`VerificationRequestDialog Initially, asks how you would like to verify
             >
               <svg
                 aria-label="Loading…"
-                class="_icon_11k6c_18"
+                class="_icon_1855a_18"
                 data-testid="spinner"
                 fill="currentColor"
                 height="1em"
diff --git a/apps/web/test/unit-tests/components/views/elements/__snapshots__/AppTile-test.tsx.snap b/apps/web/test/unit-tests/components/views/elements/__snapshots__/AppTile-test.tsx.snap
index bf82df4fff..a8ced5dbfc 100644
--- a/apps/web/test/unit-tests/components/views/elements/__snapshots__/AppTile-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/elements/__snapshots__/AppTile-test.tsx.snap
@@ -106,7 +106,7 @@ exports[`AppTile for a pinned widget should render 1`] = `
         <span>
           <span
             aria-label="Avatar"
-            class="_avatar_7h2br_8 mx_BaseAvatar mx_WidgetAvatar"
+            class="_avatar_va14e_8 mx_BaseAvatar mx_WidgetAvatar"
             data-color="1"
             data-testid="avatar-img"
             data-type="round"
@@ -115,7 +115,7 @@ exports[`AppTile for a pinned widget should render 1`] = `
           >
             <img
               alt=""
-              class="_image_7h2br_43"
+              class="_image_va14e_43"
               data-type="round"
               height="20px"
               loading="lazy"
@@ -222,7 +222,7 @@ exports[`AppTile for a pinned widget should render permission request 1`] = `
         <span>
           <span
             aria-label="Avatar"
-            class="_avatar_7h2br_8 mx_BaseAvatar mx_WidgetAvatar"
+            class="_avatar_va14e_8 mx_BaseAvatar mx_WidgetAvatar"
             data-color="1"
             data-testid="avatar-img"
             data-type="round"
@@ -231,7 +231,7 @@ exports[`AppTile for a pinned widget should render permission request 1`] = `
           >
             <img
               alt=""
-              class="_image_7h2br_43"
+              class="_image_va14e_43"
               data-type="round"
               height="20px"
               loading="lazy"
@@ -329,7 +329,7 @@ exports[`AppTile for a pinned widget should render permission request 1`] = `
           </div>
           <div>
             <span
-              class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+              class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
               data-color="1"
               data-testid="avatar-img"
               data-type="round"
@@ -417,7 +417,7 @@ exports[`AppTile preserves non-persisted widget on container move 1`] = `
               <span>
                 <span
                   aria-label="Avatar"
-                  class="_avatar_7h2br_8 mx_BaseAvatar mx_WidgetAvatar"
+                  class="_avatar_va14e_8 mx_BaseAvatar mx_WidgetAvatar"
                   data-color="1"
                   data-testid="avatar-img"
                   data-type="round"
@@ -426,7 +426,7 @@ exports[`AppTile preserves non-persisted widget on container move 1`] = `
                 >
                   <img
                     alt=""
-                    class="_image_7h2br_43"
+                    class="_image_va14e_43"
                     data-type="round"
                     height="20px"
                     loading="lazy"
@@ -525,7 +525,7 @@ exports[`AppTile preserves non-persisted widget on container move 1`] = `
                  
                 <svg
                   aria-label="Loading…"
-                  class="_icon_11k6c_18"
+                  class="_icon_1855a_18"
                   data-testid="spinner"
                   fill="currentColor"
                   height="1em"
diff --git a/apps/web/test/unit-tests/components/views/elements/__snapshots__/FacePile-test.tsx.snap b/apps/web/test/unit-tests/components/views/elements/__snapshots__/FacePile-test.tsx.snap
index 26931016c1..2f83ff1844 100644
--- a/apps/web/test/unit-tests/components/views/elements/__snapshots__/FacePile-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/elements/__snapshots__/FacePile-test.tsx.snap
@@ -9,10 +9,10 @@ exports[`<FacePile /> renders with a tooltip 1`] = `
     tabindex="0"
   >
     <div
-      class="_stacked-avatars_7h2br_109"
+      class="_stacked-avatars_va14e_109"
     >
       <span
-        class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+        class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
         data-color="4"
         data-testid="avatar-img"
         data-type="round"
diff --git a/apps/web/test/unit-tests/components/views/elements/__snapshots__/Pill-test.tsx.snap b/apps/web/test/unit-tests/components/views/elements/__snapshots__/Pill-test.tsx.snap
index a30a884772..35197567d8 100644
--- a/apps/web/test/unit-tests/components/views/elements/__snapshots__/Pill-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/elements/__snapshots__/Pill-test.tsx.snap
@@ -40,7 +40,7 @@ exports[`<Pill> should render the expected pill for @room 1`] = `
         >
           <span
             aria-hidden="true"
-            class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+            class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
             data-color="1"
             data-testid="avatar-img"
             data-type="round"
@@ -71,7 +71,7 @@ exports[`<Pill> should render the expected pill for a known user not in the room
       >
         <span
           aria-hidden="true"
-          class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+          class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
           data-color="5"
           data-testid="avatar-img"
           data-type="round"
@@ -101,7 +101,7 @@ exports[`<Pill> should render the expected pill for a message in another room 1`
       >
         <span
           aria-hidden="true"
-          class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+          class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
           data-color="1"
           data-testid="avatar-img"
           data-type="round"
@@ -131,7 +131,7 @@ exports[`<Pill> should render the expected pill for a message in the same room 1
       >
         <span
           aria-hidden="true"
-          class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+          class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
           data-color="4"
           data-testid="avatar-img"
           data-type="round"
@@ -161,7 +161,7 @@ exports[`<Pill> should render the expected pill for a room alias 1`] = `
       >
         <span
           aria-hidden="true"
-          class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+          class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
           data-color="1"
           data-testid="avatar-img"
           data-type="round"
@@ -191,7 +191,7 @@ exports[`<Pill> should render the expected pill for a space 1`] = `
       >
         <span
           aria-hidden="true"
-          class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+          class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
           data-color="2"
           data-testid="avatar-img"
           data-type="round"
@@ -252,7 +252,7 @@ exports[`<Pill> when rendering a pill for a room should render the expected pill
       >
         <span
           aria-hidden="true"
-          class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+          class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
           data-color="1"
           data-testid="avatar-img"
           data-type="round"
@@ -282,7 +282,7 @@ exports[`<Pill> when rendering a pill for a user in the room should render as ex
       >
         <span
           aria-hidden="true"
-          class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+          class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
           data-color="4"
           data-testid="avatar-img"
           data-type="round"
diff --git a/apps/web/test/unit-tests/components/views/elements/__snapshots__/ReplyChain-test.tsx.snap b/apps/web/test/unit-tests/components/views/elements/__snapshots__/ReplyChain-test.tsx.snap
index 95e0c78611..9f5f14f0fb 100644
--- a/apps/web/test/unit-tests/components/views/elements/__snapshots__/ReplyChain-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/elements/__snapshots__/ReplyChain-test.tsx.snap
@@ -20,7 +20,7 @@ exports[`ReplyChain should call setQuoteExpanded if chain is longer than 2 lines
               class="mx_ReplyTile_sender"
             >
               <span
-                class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+                class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
                 data-color="2"
                 data-testid="avatar-img"
                 data-type="round"
diff --git a/apps/web/test/unit-tests/components/views/elements/__snapshots__/RoomFacePile-test.tsx.snap b/apps/web/test/unit-tests/components/views/elements/__snapshots__/RoomFacePile-test.tsx.snap
index c8f777ff0e..587bce8906 100644
--- a/apps/web/test/unit-tests/components/views/elements/__snapshots__/RoomFacePile-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/elements/__snapshots__/RoomFacePile-test.tsx.snap
@@ -10,10 +10,10 @@ exports[`<RoomFacePile /> renders 1`] = `
     tabindex="0"
   >
     <div
-      class="_stacked-avatars_7h2br_109"
+      class="_stacked-avatars_va14e_109"
     >
       <span
-        class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+        class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
         data-color="4"
         data-testid="avatar-img"
         data-type="round"
diff --git a/apps/web/test/unit-tests/components/views/elements/__snapshots__/SettingsField-test.tsx.snap b/apps/web/test/unit-tests/components/views/elements/__snapshots__/SettingsField-test.tsx.snap
index be143cba28..15d1fd5eb8 100644
--- a/apps/web/test/unit-tests/components/views/elements/__snapshots__/SettingsField-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/elements/__snapshots__/SettingsField-test.tsx.snap
@@ -18,7 +18,7 @@ exports[`<SettingsField /> should render with the default label 1`] = `
         class="_controls_17lij_8"
       >
         <input
-          class="_control_sqdq4_10"
+          class="_control_d83jn_10"
           id="radix-_r_0_"
           name="input"
           title=""
diff --git a/apps/web/test/unit-tests/components/views/messages/__snapshots__/MImageBody-test.tsx.snap b/apps/web/test/unit-tests/components/views/messages/__snapshots__/MImageBody-test.tsx.snap
index 1d061a3a52..3f22238d3a 100644
--- a/apps/web/test/unit-tests/components/views/messages/__snapshots__/MImageBody-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/messages/__snapshots__/MImageBody-test.tsx.snap
@@ -20,7 +20,7 @@ exports[`<MImageBody/> should generate a thumbnail if one isn't included for ani
           >
             <svg
               aria-label="Loading…"
-              class="_icon_11k6c_18"
+              class="_icon_1855a_18"
               data-testid="spinner"
               fill="currentColor"
               height="1em"
@@ -74,7 +74,7 @@ exports[`<MImageBody/> should open ImageView using thumbnail for encrypted svg 1
       <button
         aria-label="Profile picture"
         aria-live="off"
-        class="_avatar_7h2br_8 mx_BaseAvatar mx_Dialog_nonDialogButton _avatar-imageless_7h2br_55"
+        class="_avatar_va14e_8 mx_BaseAvatar mx_Dialog_nonDialogButton _avatar-imageless_va14e_55"
         data-color="2"
         data-testid="avatar-img"
         data-type="round"
@@ -352,7 +352,7 @@ exports[`<MImageBody/> should show a thumbnail while image is being downloaded 1
         >
           <svg
             aria-label="Loading…"
-            class="_icon_11k6c_18"
+            class="_icon_1855a_18"
             data-testid="spinner"
             fill="currentColor"
             height="1em"
diff --git a/apps/web/test/unit-tests/components/views/messages/__snapshots__/MLocationBody-test.tsx.snap b/apps/web/test/unit-tests/components/views/messages/__snapshots__/MLocationBody-test.tsx.snap
index 2a68d36317..98d88baa75 100644
--- a/apps/web/test/unit-tests/components/views/messages/__snapshots__/MLocationBody-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/messages/__snapshots__/MLocationBody-test.tsx.snap
@@ -92,7 +92,7 @@ exports[`MLocationBody <MLocationBody> without error renders marker correctly fo
               class="mx_Marker_border"
             >
               <span
-                class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+                class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
                 data-color="3"
                 data-testid="avatar-img"
                 data-type="round"
diff --git a/apps/web/test/unit-tests/components/views/messages/__snapshots__/TextualBody-test.tsx.snap b/apps/web/test/unit-tests/components/views/messages/__snapshots__/TextualBody-test.tsx.snap
index 4742e588e2..d4bfa3dc5f 100644
--- a/apps/web/test/unit-tests/components/views/messages/__snapshots__/TextualBody-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/messages/__snapshots__/TextualBody-test.tsx.snap
@@ -100,7 +100,7 @@ exports[`<TextualBody /> renders formatted m.text correctly pills appear for an
       <span
         aria-hidden="true"
         aria-label="Profile picture"
-        class="_avatar_7h2br_8 mx_BaseAvatar"
+        class="_avatar_va14e_8 mx_BaseAvatar"
         data-color="2"
         data-testid="avatar-img"
         data-type="round"
@@ -108,7 +108,7 @@ exports[`<TextualBody /> renders formatted m.text correctly pills appear for an
       >
         <img
           alt=""
-          class="_image_7h2br_43"
+          class="_image_va14e_43"
           data-type="round"
           height="16px"
           loading="lazy"
@@ -145,7 +145,7 @@ exports[`<TextualBody /> renders formatted m.text correctly pills appear for eve
           <span
             aria-hidden="true"
             aria-label="Avatar"
-            class="_avatar_7h2br_8 mx_BaseAvatar"
+            class="_avatar_va14e_8 mx_BaseAvatar"
             data-color="1"
             data-testid="avatar-img"
             data-type="round"
@@ -153,7 +153,7 @@ exports[`<TextualBody /> renders formatted m.text correctly pills appear for eve
           >
             <img
               alt=""
-              class="_image_7h2br_43"
+              class="_image_va14e_43"
               data-type="round"
               height="16px"
               loading="lazy"
@@ -192,7 +192,7 @@ exports[`<TextualBody /> renders formatted m.text correctly pills appear for roo
           <span
             aria-hidden="true"
             aria-label="Avatar"
-            class="_avatar_7h2br_8 mx_BaseAvatar"
+            class="_avatar_va14e_8 mx_BaseAvatar"
             data-color="1"
             data-testid="avatar-img"
             data-type="round"
@@ -200,7 +200,7 @@ exports[`<TextualBody /> renders formatted m.text correctly pills appear for roo
           >
             <img
               alt=""
-              class="_image_7h2br_43"
+              class="_image_va14e_43"
               data-type="round"
               height="16px"
               loading="lazy"
@@ -319,7 +319,7 @@ exports[`<TextualBody /> renders formatted m.text correctly pills get injected c
       <span
         aria-hidden="true"
         aria-label="Profile picture"
-        class="_avatar_7h2br_8 mx_BaseAvatar"
+        class="_avatar_va14e_8 mx_BaseAvatar"
         data-color="2"
         data-testid="avatar-img"
         data-type="round"
@@ -327,7 +327,7 @@ exports[`<TextualBody /> renders formatted m.text correctly pills get injected c
       >
         <img
           alt=""
-          class="_image_7h2br_43"
+          class="_image_va14e_43"
           data-type="round"
           height="16px"
           loading="lazy"
@@ -573,9 +573,9 @@ exports[`<TextualBody /> renders plain-text m.text correctly should not pillify
 
 exports[`<TextualBody /> renders plain-text m.text correctly should pillify a keyword responsible for triggering a notification 1`] = `"foo <bdi><span tabindex="0"><span class="mx_Pill mx_KeywordPill"><span class="mx_Pill_text">bar</span></span></span></bdi> baz"`;
 
-exports[`<TextualBody /> renders plain-text m.text correctly should pillify a permalink to a message in the same room with the label »Message from Member« 1`] = `"Visit <bdi><a class="mx_Pill mx_EventPill" href="https://matrix.to/#/!room1:example.com/%event_id%"><span aria-label="Profile picture" aria-hidden="true" data-testid="avatar-img" data-type="round" data-color="2" class="_avatar_7h2br_8 mx_BaseAvatar" style="--cpd-avatar-size: 16px;"><img loading="lazy" alt="" referrerpolicy="no-referrer" class="_image_7h2br_43" data-type="round" width="16px" height="16px" src="mxc://avatar.url/image.png"></span><span class="mx_Pill_text">Message from Member</span></a></bdi>"`;
+exports[`<TextualBody /> renders plain-text m.text correctly should pillify a permalink to a message in the same room with the label »Message from Member« 1`] = `"Visit <bdi><a class="mx_Pill mx_EventPill" href="https://matrix.to/#/!room1:example.com/%event_id%"><span aria-label="Profile picture" aria-hidden="true" data-testid="avatar-img" data-type="round" data-color="2" class="_avatar_va14e_8 mx_BaseAvatar" style="--cpd-avatar-size: 16px;"><img loading="lazy" alt="" referrerpolicy="no-referrer" class="_image_va14e_43" data-type="round" width="16px" height="16px" src="mxc://avatar.url/image.png"></span><span class="mx_Pill_text">Message from Member</span></a></bdi>"`;
 
-exports[`<TextualBody /> renders plain-text m.text correctly should pillify a permalink to an event in another room with the label »Message in Room 2« 1`] = `"Visit <bdi><a class="mx_Pill mx_EventPill" href="https://matrix.to/#/!room2:example.com/%event_id%"><span aria-label="Avatar" aria-hidden="true" data-testid="avatar-img" data-type="round" data-color="2" class="_avatar_7h2br_8 mx_BaseAvatar" style="--cpd-avatar-size: 16px;"><img loading="lazy" alt="" referrerpolicy="no-referrer" class="_image_7h2br_43" data-type="round" width="16px" height="16px" src="mxc://avatar.url/room.png"></span><span class="mx_Pill_text">Message in Room 2</span></a></bdi>"`;
+exports[`<TextualBody /> renders plain-text m.text correctly should pillify a permalink to an event in another room with the label »Message in Room 2« 1`] = `"Visit <bdi><a class="mx_Pill mx_EventPill" href="https://matrix.to/#/!room2:example.com/%event_id%"><span aria-label="Avatar" aria-hidden="true" data-testid="avatar-img" data-type="round" data-color="2" class="_avatar_va14e_8 mx_BaseAvatar" style="--cpd-avatar-size: 16px;"><img loading="lazy" alt="" referrerpolicy="no-referrer" class="_image_va14e_43" data-type="round" width="16px" height="16px" src="mxc://avatar.url/room.png"></span><span class="mx_Pill_text">Message in Room 2</span></a></bdi>"`;
 
 exports[`<TextualBody /> renders plain-text m.text correctly should pillify a permalink to an unknown message in the same room with the label »Message« 1`] = `
 <div
@@ -612,7 +612,7 @@ exports[`<TextualBody /> renders plain-text m.text correctly should pillify a pe
 
 exports[`<TextualBody /> renders plain-text m.text correctly should pillify a room alias permalink 1`] = `"Visit <bdi><a class="mx_Pill mx_RoomPill" href="https://matrix.to/#/#room:example.com"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 24 24" class="mx_Pill_LinkIcon mx_BaseAvatar"><path d="M12 19.071q-1.467 1.467-3.536 1.467-2.067 0-3.535-1.467t-1.467-3.535q0-2.07 1.467-3.536L7.05 9.879q.3-.3.707-.3t.707.3.301.707-.3.707l-2.122 2.121a2.9 2.9 0 0 0-.884 2.122q0 1.237.884 2.12.884.885 2.121.885t2.122-.884l2.121-2.121q.3-.3.707-.3t.707.3.3.707q0 .405-.3.707zm-1.414-4.243q-.3.3-.707.301a.97.97 0 0 1-.707-.3q-.3-.3-.301-.708 0-.405.3-.707l4.243-4.242q.3-.3.707-.3t.707.3.3.707-.3.707zm6.364-.707q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.301-.707 0-.405.3-.707l2.122-2.121q.884-.885.884-2.121 0-1.238-.884-2.122a2.9 2.9 0 0 0-2.121-.884q-1.237 0-2.122.884l-2.121 2.122q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.3-.708 0-.405.3-.707L12 4.93q1.467-1.467 3.536-1.467t3.535 1.467 1.467 3.536T19.071 12z"></path></svg><span class="mx_Pill_text">#room:example.com</span></a></bdi>"`;
 
-exports[`<TextualBody /> renders plain-text m.text correctly should pillify an MXID permalink 1`] = `"Chat with <bdi><a class="mx_Pill mx_UserPill mx_UserPill_me" href="https://matrix.to/#/@user:example.com"><span aria-label="Profile picture" aria-hidden="true" data-testid="avatar-img" data-type="round" data-color="2" class="_avatar_7h2br_8 mx_BaseAvatar" style="--cpd-avatar-size: 16px;"><img loading="lazy" alt="" referrerpolicy="no-referrer" class="_image_7h2br_43" data-type="round" width="16px" height="16px" src="mxc://avatar.url/image.png"></span><span class="mx_Pill_text">Member</span></a></bdi>"`;
+exports[`<TextualBody /> renders plain-text m.text correctly should pillify an MXID permalink 1`] = `"Chat with <bdi><a class="mx_Pill mx_UserPill mx_UserPill_me" href="https://matrix.to/#/@user:example.com"><span aria-label="Profile picture" aria-hidden="true" data-testid="avatar-img" data-type="round" data-color="2" class="_avatar_va14e_8 mx_BaseAvatar" style="--cpd-avatar-size: 16px;"><img loading="lazy" alt="" referrerpolicy="no-referrer" class="_image_va14e_43" data-type="round" width="16px" height="16px" src="mxc://avatar.url/image.png"></span><span class="mx_Pill_text">Member</span></a></bdi>"`;
 
 exports[`<TextualBody /> renders plain-text m.text correctly simple message renders as expected 1`] = `
 <div
diff --git a/apps/web/test/unit-tests/components/views/polls/pollHistory/__snapshots__/PollHistory-test.tsx.snap b/apps/web/test/unit-tests/components/views/polls/pollHistory/__snapshots__/PollHistory-test.tsx.snap
index 7dbc54b7b2..15208761ad 100644
--- a/apps/web/test/unit-tests/components/views/polls/pollHistory/__snapshots__/PollHistory-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/polls/pollHistory/__snapshots__/PollHistory-test.tsx.snap
@@ -196,7 +196,7 @@ exports[`<PollHistory /> renders a no polls message and a load more button when
   >
     <svg
       aria-label="Loading…"
-      class="_icon_11k6c_18"
+      class="_icon_1855a_18"
       data-testid="spinner"
       fill="currentColor"
       height="1em"
diff --git a/apps/web/test/unit-tests/components/views/right_panel/__snapshots__/ExtensionsCard-test.tsx.snap b/apps/web/test/unit-tests/components/views/right_panel/__snapshots__/ExtensionsCard-test.tsx.snap
index 7c92642070..89e6f7b00d 100644
--- a/apps/web/test/unit-tests/components/views/right_panel/__snapshots__/ExtensionsCard-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/right_panel/__snapshots__/ExtensionsCard-test.tsx.snap
@@ -187,7 +187,7 @@ exports[`<ExtensionsCard /> should render widgets 1`] = `
         >
           <span
             aria-label="Avatar"
-            class="_avatar_7h2br_8 mx_BaseAvatar mx_WidgetAvatar"
+            class="_avatar_va14e_8 mx_BaseAvatar mx_WidgetAvatar"
             data-color="1"
             data-testid="avatar-img"
             data-type="round"
@@ -196,7 +196,7 @@ exports[`<ExtensionsCard /> should render widgets 1`] = `
           >
             <img
               alt=""
-              class="_image_7h2br_43"
+              class="_image_va14e_43"
               data-type="round"
               height="24px"
               loading="lazy"
@@ -240,7 +240,7 @@ exports[`<ExtensionsCard /> should render widgets 1`] = `
         >
           <span
             aria-label="Avatar"
-            class="_avatar_7h2br_8 mx_BaseAvatar mx_WidgetAvatar"
+            class="_avatar_va14e_8 mx_BaseAvatar mx_WidgetAvatar"
             data-color="1"
             data-testid="avatar-img"
             data-type="round"
@@ -249,7 +249,7 @@ exports[`<ExtensionsCard /> should render widgets 1`] = `
           >
             <img
               alt=""
-              class="_image_7h2br_43"
+              class="_image_va14e_43"
               data-type="round"
               height="24px"
               loading="lazy"
diff --git a/apps/web/test/unit-tests/components/views/right_panel/__snapshots__/PinnedMessagesCard-test.tsx.snap b/apps/web/test/unit-tests/components/views/right_panel/__snapshots__/PinnedMessagesCard-test.tsx.snap
index 716b871a09..fb40f56d2e 100644
--- a/apps/web/test/unit-tests/components/views/right_panel/__snapshots__/PinnedMessagesCard-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/right_panel/__snapshots__/PinnedMessagesCard-test.tsx.snap
@@ -141,7 +141,7 @@ exports[`<PinnedMessagesCard /> should show two pinned messages 1`] = `
         >
           <div>
             <span
-              class="_avatar_7h2br_8 mx_BaseAvatar mx_PinnedEventTile_senderAvatar _avatar-imageless_7h2br_55"
+              class="_avatar_va14e_8 mx_BaseAvatar mx_PinnedEventTile_senderAvatar _avatar-imageless_va14e_55"
               data-color="3"
               data-testid="avatar-img"
               data-type="round"
@@ -222,7 +222,7 @@ exports[`<PinnedMessagesCard /> should show two pinned messages 1`] = `
         >
           <div>
             <span
-              class="_avatar_7h2br_8 mx_BaseAvatar mx_PinnedEventTile_senderAvatar _avatar-imageless_7h2br_55"
+              class="_avatar_va14e_8 mx_BaseAvatar mx_PinnedEventTile_senderAvatar _avatar-imageless_va14e_55"
               data-color="3"
               data-testid="avatar-img"
               data-type="round"
@@ -369,7 +369,7 @@ exports[`<PinnedMessagesCard /> unpin all should not allow to unpinall 1`] = `
         >
           <div>
             <span
-              class="_avatar_7h2br_8 mx_BaseAvatar mx_PinnedEventTile_senderAvatar _avatar-imageless_7h2br_55"
+              class="_avatar_va14e_8 mx_BaseAvatar mx_PinnedEventTile_senderAvatar _avatar-imageless_va14e_55"
               data-color="3"
               data-testid="avatar-img"
               data-type="round"
@@ -450,7 +450,7 @@ exports[`<PinnedMessagesCard /> unpin all should not allow to unpinall 1`] = `
         >
           <div>
             <span
-              class="_avatar_7h2br_8 mx_BaseAvatar mx_PinnedEventTile_senderAvatar _avatar-imageless_7h2br_55"
+              class="_avatar_va14e_8 mx_BaseAvatar mx_PinnedEventTile_senderAvatar _avatar-imageless_va14e_55"
               data-color="3"
               data-testid="avatar-img"
               data-type="round"
diff --git a/apps/web/test/unit-tests/components/views/right_panel/__snapshots__/RoomSummaryCardView-test.tsx.snap b/apps/web/test/unit-tests/components/views/right_panel/__snapshots__/RoomSummaryCardView-test.tsx.snap
index 0f707477cc..296be2fa26 100644
--- a/apps/web/test/unit-tests/components/views/right_panel/__snapshots__/RoomSummaryCardView-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/right_panel/__snapshots__/RoomSummaryCardView-test.tsx.snap
@@ -49,7 +49,7 @@ exports[`<RoomSummaryCard /> has button to edit topic 1`] = `
         class="mx_RoomSummaryCard_container"
       >
         <span
-          class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+          class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
           data-color="1"
           data-testid="avatar-img"
           data-type="round"
@@ -788,7 +788,7 @@ exports[`<RoomSummaryCard /> renders the room summary 1`] = `
         class="mx_RoomSummaryCard_container"
       >
         <span
-          class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+          class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
           data-color="1"
           data-testid="avatar-img"
           data-type="round"
@@ -1485,7 +1485,7 @@ exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
         class="mx_RoomSummaryCard_container"
       >
         <span
-          class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+          class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
           data-color="1"
           data-testid="avatar-img"
           data-type="round"
diff --git a/apps/web/test/unit-tests/components/views/right_panel/__snapshots__/UserInfo-test.tsx.snap b/apps/web/test/unit-tests/components/views/right_panel/__snapshots__/UserInfo-test.tsx.snap
index c997e478e5..a36cc0c4c4 100644
--- a/apps/web/test/unit-tests/components/views/right_panel/__snapshots__/UserInfo-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/right_panel/__snapshots__/UserInfo-test.tsx.snap
@@ -61,7 +61,7 @@ exports[`<UserInfo /> with crypto enabled renders <BasicUserInfo /> 1`] = `
             <button
               aria-label="Profile picture"
               aria-live="off"
-              class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+              class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
               data-color="3"
               data-testid="avatar-img"
               data-type="round"
@@ -363,7 +363,7 @@ exports[`<UserInfo /> with crypto enabled should render a deactivate button for
             <button
               aria-label="Profile picture"
               aria-live="off"
-              class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+              class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
               data-color="3"
               data-testid="avatar-img"
               data-type="round"
diff --git a/apps/web/test/unit-tests/components/views/right_panel/user_info/__snapshots__/UserInfoHeaderView-test.tsx.snap b/apps/web/test/unit-tests/components/views/right_panel/user_info/__snapshots__/UserInfoHeaderView-test.tsx.snap
index 161c044dd2..348e688b06 100644
--- a/apps/web/test/unit-tests/components/views/right_panel/user_info/__snapshots__/UserInfoHeaderView-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/right_panel/user_info/__snapshots__/UserInfoHeaderView-test.tsx.snap
@@ -14,7 +14,7 @@ exports[`<UserInfoHeaderView /> renders custom user identifiers in the header 1`
         <button
           aria-label="Profile picture"
           aria-live="off"
-          class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+          class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
           data-color="3"
           data-testid="avatar-img"
           data-type="round"
@@ -81,7 +81,7 @@ exports[`<UserInfoHeaderView /> renders custom user identifiers in the header 1`
       style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
     >
       <svg
-        class="_icon_11k6c_18"
+        class="_icon_1855a_18"
         fill="currentColor"
         height="1em"
         style="width: 24px; height: 24px;"
diff --git a/apps/web/test/unit-tests/components/views/rooms/RoomHeader/__snapshots__/RoomHeader-test.tsx.snap b/apps/web/test/unit-tests/components/views/rooms/RoomHeader/__snapshots__/RoomHeader-test.tsx.snap
index 168a2f99e3..577c7983ce 100644
--- a/apps/web/test/unit-tests/components/views/rooms/RoomHeader/__snapshots__/RoomHeader-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/rooms/RoomHeader/__snapshots__/RoomHeader-test.tsx.snap
@@ -9,7 +9,7 @@ exports[`RoomHeader dm does not show the face pile for DMs 1`] = `
     <button
       aria-label="Open room settings"
       aria-live="off"
-      class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+      class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
       data-color="3"
       data-testid="avatar-img"
       data-type="round"
diff --git a/apps/web/test/unit-tests/components/views/rooms/__snapshots__/PinnedEventTile-test.tsx.snap b/apps/web/test/unit-tests/components/views/rooms/__snapshots__/PinnedEventTile-test.tsx.snap
index e6f50861b8..1110a6bd2c 100644
--- a/apps/web/test/unit-tests/components/views/rooms/__snapshots__/PinnedEventTile-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/rooms/__snapshots__/PinnedEventTile-test.tsx.snap
@@ -8,7 +8,7 @@ exports[`<PinnedEventTile /> should render pinned event 1`] = `
   >
     <div>
       <span
-        class="_avatar_7h2br_8 mx_BaseAvatar mx_PinnedEventTile_senderAvatar _avatar-imageless_7h2br_55"
+        class="_avatar_va14e_8 mx_BaseAvatar mx_PinnedEventTile_senderAvatar _avatar-imageless_va14e_55"
         data-color="2"
         data-testid="avatar-img"
         data-type="round"
@@ -87,7 +87,7 @@ exports[`<PinnedEventTile /> should render pinned event with thread info 1`] = `
   >
     <div>
       <span
-        class="_avatar_7h2br_8 mx_BaseAvatar mx_PinnedEventTile_senderAvatar _avatar-imageless_7h2br_55"
+        class="_avatar_va14e_8 mx_BaseAvatar mx_PinnedEventTile_senderAvatar _avatar-imageless_va14e_55"
         data-color="2"
         data-testid="avatar-img"
         data-type="round"
@@ -189,7 +189,7 @@ exports[`<PinnedEventTile /> should render the menu with all the options 1`] = `
   aria-label="Open menu"
   aria-labelledby="radix-_r_14_"
   aria-orientation="vertical"
-  class="_menu_1w1u7_8"
+  class="_menu_1kl3y_8"
   data-align="start"
   data-orientation="vertical"
   data-radix-menu-content=""
@@ -380,7 +380,7 @@ exports[`<PinnedEventTile /> should render the menu without unpin and delete 1`]
   aria-label="Open menu"
   aria-labelledby="radix-_r_o_"
   aria-orientation="vertical"
-  class="_menu_1w1u7_8"
+  class="_menu_1kl3y_8"
   data-align="start"
   data-orientation="vertical"
   data-radix-menu-content=""
diff --git a/apps/web/test/unit-tests/components/views/rooms/__snapshots__/ReadReceiptGroup-test.tsx.snap b/apps/web/test/unit-tests/components/views/rooms/__snapshots__/ReadReceiptGroup-test.tsx.snap
index daf5114721..dacf39e080 100644
--- a/apps/web/test/unit-tests/components/views/rooms/__snapshots__/ReadReceiptGroup-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/rooms/__snapshots__/ReadReceiptGroup-test.tsx.snap
@@ -59,7 +59,7 @@ exports[`ReadReceiptGroup <ReadReceiptPerson /> should fall back to userId if ro
       <span
         aria-hidden="true"
         aria-live="off"
-        class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+        class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
         data-color="3"
         data-testid="avatar-img"
         data-type="round"
@@ -99,7 +99,7 @@ exports[`ReadReceiptGroup <ReadReceiptPerson /> should render 1`] = `
         aria-hidden="true"
         aria-label="Profile picture"
         aria-live="off"
-        class="_avatar_7h2br_8 mx_BaseAvatar"
+        class="_avatar_va14e_8 mx_BaseAvatar"
         data-color="3"
         data-testid="avatar-img"
         data-type="round"
@@ -107,7 +107,7 @@ exports[`ReadReceiptGroup <ReadReceiptPerson /> should render 1`] = `
       >
         <img
           alt=""
-          class="_image_7h2br_43"
+          class="_image_va14e_43"
           data-type="round"
           height="24px"
           loading="lazy"
diff --git a/apps/web/test/unit-tests/components/views/rooms/__snapshots__/RoomPreviewBar-test.tsx.snap b/apps/web/test/unit-tests/components/views/rooms/__snapshots__/RoomPreviewBar-test.tsx.snap
index 6fa658b7de..0a30004ba5 100644
--- a/apps/web/test/unit-tests/components/views/rooms/__snapshots__/RoomPreviewBar-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/rooms/__snapshots__/RoomPreviewBar-test.tsx.snap
@@ -23,7 +23,7 @@ exports[`<RoomPreviewBar /> message case AskToJoin renders the corresponding mes
   </h3>
   <p>
     <span
-      class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+      class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
       data-color="6"
       data-testid="avatar-img"
       data-type="round"
@@ -48,7 +48,7 @@ exports[`<RoomPreviewBar /> message case AskToJoin renders the corresponding mes
   </h3>
   <p>
     <span
-      class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+      class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
       data-color="6"
       data-testid="avatar-img"
       data-type="round"
@@ -73,7 +73,7 @@ exports[`<RoomPreviewBar /> message case AskToJoin renders the corresponding mes
   </h3>
   <p>
     <span
-      class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+      class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
       data-color="1"
       data-testid="avatar-img"
       data-type="round"
@@ -274,7 +274,7 @@ exports[`<RoomPreviewBar /> with an invite with an invited email when client has
   </h3>
   <p>
     <span
-      class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+      class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
       data-color="6"
       data-testid="avatar-img"
       data-type="round"
@@ -332,7 +332,7 @@ exports[`<RoomPreviewBar /> with an invite without an invited email for a dm roo
   </h3>
   <p>
     <span
-      class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+      class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
       data-color="6"
       data-testid="avatar-img"
       data-type="round"
@@ -370,7 +370,7 @@ exports[`<RoomPreviewBar /> with an invite without an invited email for a non-dm
   </h3>
   <p>
     <span
-      class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+      class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
       data-color="6"
       data-testid="avatar-img"
       data-type="round"
diff --git a/apps/web/test/unit-tests/components/views/rooms/__snapshots__/RoomTile-test.tsx.snap b/apps/web/test/unit-tests/components/views/rooms/__snapshots__/RoomTile-test.tsx.snap
index d37f677570..bc712380a3 100644
--- a/apps/web/test/unit-tests/components/views/rooms/__snapshots__/RoomTile-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/rooms/__snapshots__/RoomTile-test.tsx.snap
@@ -14,7 +14,7 @@ exports[`RoomTile when message previews are enabled and there is a message in a
       class="mx_DecoratedRoomAvatar"
     >
       <span
-        class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+        class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
         data-color="3"
         data-testid="avatar-img"
         data-type="round"
@@ -112,7 +112,7 @@ exports[`RoomTile when message previews are enabled and there is a message in th
       class="mx_DecoratedRoomAvatar"
     >
       <span
-        class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+        class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
         data-color="3"
         data-testid="avatar-img"
         data-type="round"
@@ -218,7 +218,7 @@ exports[`RoomTile when message previews are enabled should render a room without
       class="mx_DecoratedRoomAvatar"
     >
       <span
-        class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+        class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
         data-color="3"
         data-testid="avatar-img"
         data-type="round"
@@ -304,7 +304,7 @@ exports[`RoomTile when message previews are not enabled should render the room 1
       class="mx_DecoratedRoomAvatar"
     >
       <span
-        class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+        class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
         data-color="3"
         data-testid="avatar-img"
         data-type="round"
diff --git a/apps/web/test/unit-tests/components/views/rooms/memberlist/__snapshots__/MemberTileView-test.tsx.snap b/apps/web/test/unit-tests/components/views/rooms/memberlist/__snapshots__/MemberTileView-test.tsx.snap
index 6be99c74a1..ba2c0fceb4 100644
--- a/apps/web/test/unit-tests/components/views/rooms/memberlist/__snapshots__/MemberTileView-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/rooms/memberlist/__snapshots__/MemberTileView-test.tsx.snap
@@ -19,7 +19,7 @@ exports[`MemberTileView RoomMemberTileView should display an verified E2EIcon wh
           class="mx_MemberTileView_avatar"
         >
           <span
-            class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+            class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
             data-color="2"
             data-testid="avatar-img"
             data-type="round"
@@ -95,7 +95,7 @@ exports[`MemberTileView RoomMemberTileView should display an warning E2EIcon whe
           class="mx_MemberTileView_avatar"
         >
           <span
-            class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+            class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
             data-color="2"
             data-testid="avatar-img"
             data-type="round"
@@ -171,7 +171,7 @@ exports[`MemberTileView RoomMemberTileView should not display an E2EIcon when th
           class="mx_MemberTileView_avatar"
         >
           <span
-            class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+            class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
             data-color="2"
             data-testid="avatar-img"
             data-type="round"
@@ -230,7 +230,7 @@ exports[`MemberTileView ThreePidInviteTileView renders ThreePidInvite correctly
         >
           <span
             aria-hidden="true"
-            class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+            class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
             data-color="1"
             data-testid="avatar-img"
             data-type="round"
diff --git a/apps/web/test/unit-tests/components/views/settings/__snapshots__/FontScalingPanel-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/__snapshots__/FontScalingPanel-test.tsx.snap
index b99ebc3efe..5eac88f426 100644
--- a/apps/web/test/unit-tests/components/views/settings/__snapshots__/FontScalingPanel-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/settings/__snapshots__/FontScalingPanel-test.tsx.snap
@@ -149,7 +149,7 @@ exports[`FontScalingPanel renders the font scaling UI 1`] = `
         >
           <svg
             aria-label="Loading…"
-            class="_icon_11k6c_18"
+            class="_icon_1855a_18"
             data-testid="spinner"
             fill="currentColor"
             height="1em"
diff --git a/apps/web/test/unit-tests/components/views/settings/__snapshots__/LayoutSwitcher-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/__snapshots__/LayoutSwitcher-test.tsx.snap
index 9934a3ba20..c0013ad34e 100644
--- a/apps/web/test/unit-tests/components/views/settings/__snapshots__/LayoutSwitcher-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/settings/__snapshots__/LayoutSwitcher-test.tsx.snap
@@ -86,7 +86,7 @@ exports[`<LayoutSwitcher /> should render 1`] = `
                   class="mx_EventTile_avatar"
                 >
                   <span
-                    class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+                    class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
                     data-color="2"
                     data-testid="avatar-img"
                     data-type="round"
@@ -180,7 +180,7 @@ exports[`<LayoutSwitcher /> should render 1`] = `
                   class="mx_EventTile_avatar"
                 >
                   <span
-                    class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+                    class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
                     data-color="2"
                     data-testid="avatar-img"
                     data-type="round"
@@ -277,7 +277,7 @@ exports[`<LayoutSwitcher /> should render 1`] = `
                   class="mx_EventTile_avatar"
                 >
                   <span
-                    class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+                    class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
                     data-color="2"
                     data-testid="avatar-img"
                     data-type="round"
diff --git a/apps/web/test/unit-tests/components/views/settings/__snapshots__/SetIdServer-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/__snapshots__/SetIdServer-test.tsx.snap
index 707171b2c5..a300ebcde9 100644
--- a/apps/web/test/unit-tests/components/views/settings/__snapshots__/SetIdServer-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/settings/__snapshots__/SetIdServer-test.tsx.snap
@@ -38,7 +38,7 @@ exports[`<SetIdServer /> renders expected fields 1`] = `
             class="_controls_17lij_8"
           >
             <input
-              class="_control_sqdq4_10"
+              class="_control_d83jn_10"
               id="radix-_r_0_"
               name="input"
               placeholder=""
diff --git a/apps/web/test/unit-tests/components/views/settings/__snapshots__/ThemeChoicePanel-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/__snapshots__/ThemeChoicePanel-test.tsx.snap
index 4d2a20c601..ca8a668c6b 100644
--- a/apps/web/test/unit-tests/components/views/settings/__snapshots__/ThemeChoicePanel-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/settings/__snapshots__/ThemeChoicePanel-test.tsx.snap
@@ -212,7 +212,7 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
             >
               <input
                 aria-describedby="radix-_r_2e_"
-                class="_control_sqdq4_10"
+                class="_control_d83jn_10"
                 id="radix-_r_2d_"
                 name="input"
                 title=""
@@ -491,7 +491,7 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
             >
               <input
                 aria-describedby="radix-_r_16_"
-                class="_control_sqdq4_10"
+                class="_control_d83jn_10"
                 id="radix-_r_15_"
                 name="input"
                 title=""
diff --git a/apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/LoginWithQRFlow-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/LoginWithQRFlow-test.tsx.snap
index 0664d5d5b8..f584af643b 100644
--- a/apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/LoginWithQRFlow-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/LoginWithQRFlow-test.tsx.snap
@@ -875,11 +875,11 @@ exports[`<LoginWithQRFlow /> renders check code confirmation 1`] = `
         2-digit code
       </label>
       <div
-        class="_container_43om7_10 mx_LoginWithQR_checkCode_input mx_no_textinput"
+        class="_container_17qhw_10 mx_LoginWithQR_checkCode_input mx_no_textinput"
       >
         <input
           autocomplete="one-time-code"
-          class="_control_43om7_25"
+          class="_control_17qhw_25"
           id="mx_LoginWithQR_checkCode"
           inputmode="numeric"
           maxlength="2"
@@ -889,11 +889,11 @@ exports[`<LoginWithQRFlow /> renders check code confirmation 1`] = `
         />
         <div
           aria-hidden="true"
-          class="_digit_43om7_49"
+          class="_digit_17qhw_49"
         />
         <div
           aria-hidden="true"
-          class="_digit_43om7_49"
+          class="_digit_17qhw_49"
         />
       </div>
       <div
@@ -972,7 +972,7 @@ exports[`<LoginWithQRFlow /> renders spinner while loading 1`] = `
           >
             <svg
               aria-label="Loading…"
-              class="_icon_11k6c_18"
+              class="_icon_1855a_18"
               data-testid="spinner"
               fill="currentColor"
               height="1em"
@@ -1047,7 +1047,7 @@ exports[`<LoginWithQRFlow /> renders spinner while signing in 1`] = `
           >
             <svg
               aria-label="Loading…"
-              class="_icon_11k6c_18"
+              class="_icon_1855a_18"
               data-testid="spinner"
               fill="currentColor"
               height="1em"
@@ -1134,7 +1134,7 @@ exports[`<LoginWithQRFlow /> renders spinner while verifying 1`] = `
           >
             <svg
               aria-label="Loading…"
-              class="_icon_11k6c_18"
+              class="_icon_1855a_18"
               data-testid="spinner"
               fill="currentColor"
               height="1em"
@@ -1212,7 +1212,7 @@ exports[`<LoginWithQRFlow /> renders spinner whilst QR generating 1`] = `
           >
             <svg
               aria-label="Loading…"
-              class="_icon_11k6c_18"
+              class="_icon_1855a_18"
               data-testid="spinner"
               fill="currentColor"
               height="1em"
diff --git a/apps/web/test/unit-tests/components/views/settings/encryption/__snapshots__/AdvancedPanel-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/encryption/__snapshots__/AdvancedPanel-test.tsx.snap
index fb486a0a84..bac0d32537 100644
--- a/apps/web/test/unit-tests/components/views/settings/encryption/__snapshots__/AdvancedPanel-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/settings/encryption/__snapshots__/AdvancedPanel-test.tsx.snap
@@ -32,7 +32,7 @@ exports[`<AdvancedPanel /> <EncryptionDetails /> should display a spinner when l
       >
         <svg
           aria-label="Loading…"
-          class="_icon_11k6c_18"
+          class="_icon_1855a_18"
           fill="currentColor"
           height="1em"
           style="width: 20px; height: 20px;"
diff --git a/apps/web/test/unit-tests/components/views/settings/encryption/__snapshots__/ChangeRecoveryKey-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/encryption/__snapshots__/ChangeRecoveryKey-test.tsx.snap
index 2ba10bdd3c..7426115881 100644
--- a/apps/web/test/unit-tests/components/views/settings/encryption/__snapshots__/ChangeRecoveryKey-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/settings/encryption/__snapshots__/ChangeRecoveryKey-test.tsx.snap
@@ -267,7 +267,7 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should ask the user
           id="_r_1_"
         >
           <input
-            class="_control_sqdq4_10 _control_1s836_13"
+            class="_control_d83jn_10 _control_1s836_13"
             id="radix-_r_0_"
             name="recoveryKey"
             required=""
@@ -431,7 +431,7 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should ask the user
           <input
             aria-describedby="radix-_r_8_"
             aria-invalid="true"
-            class="_control_sqdq4_10 _control_1s836_13"
+            class="_control_d83jn_10 _control_1s836_13"
             data-invalid="true"
             id="radix-_r_0_"
             name="recoveryKey"
diff --git a/apps/web/test/unit-tests/components/views/settings/encryption/__snapshots__/RecoveryPanel-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/encryption/__snapshots__/RecoveryPanel-test.tsx.snap
index 61201de324..e19cf1b2c3 100644
--- a/apps/web/test/unit-tests/components/views/settings/encryption/__snapshots__/RecoveryPanel-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/settings/encryption/__snapshots__/RecoveryPanel-test.tsx.snap
@@ -100,7 +100,7 @@ exports[`<RecoveryPanel /> should be in loading state when checking the recovery
     </div>
     <svg
       aria-label="Loading…"
-      class="_icon_11k6c_18"
+      class="_icon_1855a_18"
       fill="currentColor"
       height="1em"
       style="width: 20px; height: 20px;"
diff --git a/apps/web/test/unit-tests/components/views/settings/encryption/__snapshots__/ResetIdentityPanel-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/encryption/__snapshots__/ResetIdentityPanel-test.tsx.snap
index 36f7f9887c..fd93595ebb 100644
--- a/apps/web/test/unit-tests/components/views/settings/encryption/__snapshots__/ResetIdentityPanel-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/settings/encryption/__snapshots__/ResetIdentityPanel-test.tsx.snap
@@ -727,7 +727,7 @@ exports[`<ResetIdentityPanel /> should reset the encryption when the continue bu
         tabindex="0"
       >
         <svg
-          class="_icon_11k6c_18"
+          class="_icon_1855a_18"
           fill="currentColor"
           height="1em"
           style="width: 20px; height: 20px;"
diff --git a/apps/web/test/unit-tests/components/views/settings/tabs/room/__snapshots__/PeopleRoomSettingsTab-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/tabs/room/__snapshots__/PeopleRoomSettingsTab-test.tsx.snap
index a3c6757bcb..af2fb7b1d7 100644
--- a/apps/web/test/unit-tests/components/views/settings/tabs/room/__snapshots__/PeopleRoomSettingsTab-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/settings/tabs/room/__snapshots__/PeopleRoomSettingsTab-test.tsx.snap
@@ -17,7 +17,7 @@ exports[`PeopleRoomSettingsTab with requests to join renders requests fully 1`]
     >
       <span
         aria-label="Profile picture"
-        class="_avatar_7h2br_8 mx_BaseAvatar mx_PeopleRoomSettingsTab_avatar"
+        class="_avatar_va14e_8 mx_BaseAvatar mx_PeopleRoomSettingsTab_avatar"
         data-color="4"
         data-testid="avatar-img"
         data-type="round"
@@ -26,7 +26,7 @@ exports[`PeopleRoomSettingsTab with requests to join renders requests fully 1`]
       >
         <img
           alt=""
-          class="_image_7h2br_43"
+          class="_image_va14e_43"
           data-type="round"
           height="42px"
           loading="lazy"
@@ -123,7 +123,7 @@ exports[`PeopleRoomSettingsTab with requests to join renders requests reduced 1`
       class="mx_PeopleRoomSettingsTab_knock"
     >
       <span
-        class="_avatar_7h2br_8 mx_BaseAvatar mx_PeopleRoomSettingsTab_avatar _avatar-imageless_7h2br_55"
+        class="_avatar_va14e_8 mx_BaseAvatar mx_PeopleRoomSettingsTab_avatar _avatar-imageless_va14e_55"
         data-color="4"
         data-testid="avatar-img"
         data-type="round"
diff --git a/apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/AppearanceUserSettingsTab-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/AppearanceUserSettingsTab-test.tsx.snap
index b664800ed1..8bb0ff269e 100644
--- a/apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/AppearanceUserSettingsTab-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/AppearanceUserSettingsTab-test.tsx.snap
@@ -229,7 +229,7 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
                           class="mx_EventTile_avatar"
                         >
                           <span
-                            class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+                            class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
                             data-color="2"
                             data-testid="avatar-img"
                             data-type="round"
@@ -323,7 +323,7 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
                           class="mx_EventTile_avatar"
                         >
                           <span
-                            class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+                            class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
                             data-color="2"
                             data-testid="avatar-img"
                             data-type="round"
@@ -420,7 +420,7 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
                           class="mx_EventTile_avatar"
                         >
                           <span
-                            class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+                            class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
                             data-color="2"
                             data-testid="avatar-img"
                             data-type="round"
@@ -650,7 +650,7 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
                 >
                   <svg
                     aria-label="Loading…"
-                    class="_icon_11k6c_18"
+                    class="_icon_1855a_18"
                     data-testid="spinner"
                     fill="currentColor"
                     height="1em"
diff --git a/apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/PreferencesUserSettingsTab-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/PreferencesUserSettingsTab-test.tsx.snap
index 408e00b20b..785298033a 100644
--- a/apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/PreferencesUserSettingsTab-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/PreferencesUserSettingsTab-test.tsx.snap
@@ -42,7 +42,7 @@ exports[`PreferencesUserSettingsTab should render 1`] = `
                   >
                     <svg
                       aria-label="Loading…"
-                      class="_icon_11k6c_18"
+                      class="_icon_1855a_18"
                       data-testid="spinner"
                       fill="currentColor"
                       height="1em"
diff --git a/apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/SecurityUserSettingsTab-test.tsx.snap b/apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/SecurityUserSettingsTab-test.tsx.snap
index f8d8c839b7..ad678a5d55 100644
--- a/apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/SecurityUserSettingsTab-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/SecurityUserSettingsTab-test.tsx.snap
@@ -231,7 +231,7 @@ exports[`<SecurityUserSettingsTab /> renders security section 1`] = `
                         class="_controls_17lij_8"
                       >
                         <input
-                          class="_control_sqdq4_10"
+                          class="_control_d83jn_10"
                           id="radix-_r_2_"
                           name="input"
                           placeholder=""
diff --git a/apps/web/test/unit-tests/components/views/spaces/__snapshots__/AddExistingToSpaceDialog-test.tsx.snap b/apps/web/test/unit-tests/components/views/spaces/__snapshots__/AddExistingToSpaceDialog-test.tsx.snap
index 20d9624e57..885213fcfe 100644
--- a/apps/web/test/unit-tests/components/views/spaces/__snapshots__/AddExistingToSpaceDialog-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/spaces/__snapshots__/AddExistingToSpaceDialog-test.tsx.snap
@@ -27,7 +27,7 @@ exports[`<AddExistingToSpaceDialog /> looks as expected 1`] = `
         >
           <span
             aria-label="Avatar"
-            class="_avatar_7h2br_8 mx_BaseAvatar"
+            class="_avatar_va14e_8 mx_BaseAvatar"
             data-color="2"
             data-testid="avatar-img"
             data-type="square"
@@ -35,7 +35,7 @@ exports[`<AddExistingToSpaceDialog /> looks as expected 1`] = `
           >
             <img
               alt=""
-              class="_image_7h2br_43"
+              class="_image_va14e_43"
               data-type="square"
               height="40px"
               loading="lazy"
diff --git a/apps/web/test/unit-tests/components/views/spaces/__snapshots__/SpacePanel-test.tsx.snap b/apps/web/test/unit-tests/components/views/spaces/__snapshots__/SpacePanel-test.tsx.snap
index 33a6424049..7c433f4a42 100644
--- a/apps/web/test/unit-tests/components/views/spaces/__snapshots__/SpacePanel-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/spaces/__snapshots__/SpacePanel-test.tsx.snap
@@ -21,7 +21,7 @@ exports[`<SpacePanel /> should show all activated MetaSpaces in the correct orde
           class="mx_UserMenu_userAvatar"
         >
           <span
-            class="_avatar_7h2br_8 mx_BaseAvatar mx_UserMenu_userAvatar_BaseAvatar _avatar-imageless_7h2br_55"
+            class="_avatar_va14e_8 mx_BaseAvatar mx_UserMenu_userAvatar_BaseAvatar _avatar-imageless_va14e_55"
             data-color="5"
             data-testid="avatar-img"
             data-type="round"
diff --git a/apps/web/test/unit-tests/components/views/spaces/__snapshots__/SpaceTreeLevel-test.tsx.snap b/apps/web/test/unit-tests/components/views/spaces/__snapshots__/SpaceTreeLevel-test.tsx.snap
index eba4a12ec2..0400231e07 100644
--- a/apps/web/test/unit-tests/components/views/spaces/__snapshots__/SpaceTreeLevel-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/spaces/__snapshots__/SpaceTreeLevel-test.tsx.snap
@@ -88,7 +88,7 @@ exports[`SpaceItem should render a space with subspaces 1`] = `
         >
           <span
             aria-label="Avatar"
-            class="_avatar_7h2br_8 mx_BaseAvatar"
+            class="_avatar_va14e_8 mx_BaseAvatar"
             data-color="3"
             data-testid="avatar-img"
             data-type="round"
@@ -96,7 +96,7 @@ exports[`SpaceItem should render a space with subspaces 1`] = `
           >
             <img
               alt=""
-              class="_image_7h2br_43"
+              class="_image_va14e_43"
               data-type="round"
               height="32px"
               loading="lazy"
@@ -177,7 +177,7 @@ exports[`SpaceItem should render a space with subspaces 2`] = `
         >
           <span
             aria-label="Avatar"
-            class="_avatar_7h2br_8 mx_BaseAvatar"
+            class="_avatar_va14e_8 mx_BaseAvatar"
             data-color="3"
             data-testid="avatar-img"
             data-type="round"
@@ -185,7 +185,7 @@ exports[`SpaceItem should render a space with subspaces 2`] = `
           >
             <img
               alt=""
-              class="_image_7h2br_43"
+              class="_image_va14e_43"
               data-type="round"
               height="32px"
               loading="lazy"
@@ -245,7 +245,7 @@ exports[`SpaceItem should render a space with subspaces 2`] = `
             >
               <span
                 aria-label="Avatar"
-                class="_avatar_7h2br_8 mx_BaseAvatar"
+                class="_avatar_va14e_8 mx_BaseAvatar"
                 data-color="4"
                 data-testid="avatar-img"
                 data-type="round"
@@ -253,7 +253,7 @@ exports[`SpaceItem should render a space with subspaces 2`] = `
               >
                 <img
                   alt=""
-                  class="_image_7h2br_43"
+                  class="_image_va14e_43"
                   data-type="round"
                   height="24px"
                   loading="lazy"
diff --git a/apps/web/test/unit-tests/components/views/spaces/__snapshots__/ThreadsActivityCentre-test.tsx.snap b/apps/web/test/unit-tests/components/views/spaces/__snapshots__/ThreadsActivityCentre-test.tsx.snap
index f5e50fe4a9..84e874dbae 100644
--- a/apps/web/test/unit-tests/components/views/spaces/__snapshots__/ThreadsActivityCentre-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/spaces/__snapshots__/ThreadsActivityCentre-test.tsx.snap
@@ -4,7 +4,7 @@ exports[`ThreadsActivityCentre renders notifications matching the snapshot 1`] =
 <div
   aria-labelledby="radix-_r_1m_"
   aria-orientation="vertical"
-  class="_menu_1w1u7_8"
+  class="_menu_1kl3y_8"
   data-align="start"
   data-orientation="vertical"
   data-radix-menu-content=""
@@ -17,7 +17,7 @@ exports[`ThreadsActivityCentre renders notifications matching the snapshot 1`] =
   tabindex="-1"
 >
   <h3
-    class="_typography_6v6n8_153 _font-body-sm-semibold_6v6n8_36 _menu-title_1sgvx_8 _title_1w1u7_63"
+    class="_typography_6v6n8_153 _font-body-sm-semibold_6v6n8_36 _menu-title_1sgvx_8 _title_1kl3y_65"
     id="_r_1u_"
   >
     Threads activity
@@ -37,7 +37,7 @@ exports[`ThreadsActivityCentre renders notifications matching the snapshot 1`] =
         class="mx_DecoratedRoomAvatar _icon_bym9p_51"
       >
         <span
-          class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+          class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
           data-color="3"
           data-testid="avatar-img"
           data-type="round"
@@ -85,7 +85,7 @@ exports[`ThreadsActivityCentre renders notifications matching the snapshot 1`] =
         class="mx_DecoratedRoomAvatar _icon_bym9p_51"
       >
         <span
-          class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+          class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
           data-color="2"
           data-testid="avatar-img"
           data-type="round"
@@ -129,7 +129,7 @@ exports[`ThreadsActivityCentre should match snapshot when empty 1`] = `
 <div
   aria-labelledby="radix-_r_2a_"
   aria-orientation="vertical"
-  class="_menu_1w1u7_8"
+  class="_menu_1kl3y_8"
   data-align="start"
   data-orientation="vertical"
   data-radix-menu-content=""
@@ -142,7 +142,7 @@ exports[`ThreadsActivityCentre should match snapshot when empty 1`] = `
   tabindex="-1"
 >
   <h3
-    class="_typography_6v6n8_153 _font-body-sm-semibold_6v6n8_36 _menu-title_1sgvx_8 _title_1w1u7_63"
+    class="_typography_6v6n8_153 _font-body-sm-semibold_6v6n8_36 _menu-title_1sgvx_8 _title_1kl3y_65"
     id="_r_2i_"
   >
     Threads activity
@@ -163,7 +163,7 @@ exports[`ThreadsActivityCentre should order the room with the same notification
 <div
   aria-labelledby="radix-_r_2j_"
   aria-orientation="vertical"
-  class="_menu_1w1u7_8"
+  class="_menu_1kl3y_8"
   data-align="start"
   data-orientation="vertical"
   data-radix-menu-content=""
@@ -176,7 +176,7 @@ exports[`ThreadsActivityCentre should order the room with the same notification
   tabindex="-1"
 >
   <h3
-    class="_typography_6v6n8_153 _font-body-sm-semibold_6v6n8_36 _menu-title_1sgvx_8 _title_1w1u7_63"
+    class="_typography_6v6n8_153 _font-body-sm-semibold_6v6n8_36 _menu-title_1sgvx_8 _title_1kl3y_65"
     id="_r_2r_"
   >
     Threads activity
@@ -196,7 +196,7 @@ exports[`ThreadsActivityCentre should order the room with the same notification
         class="mx_DecoratedRoomAvatar _icon_bym9p_51"
       >
         <span
-          class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+          class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
           data-color="5"
           data-testid="avatar-img"
           data-type="round"
@@ -244,7 +244,7 @@ exports[`ThreadsActivityCentre should order the room with the same notification
         class="mx_DecoratedRoomAvatar _icon_bym9p_51"
       >
         <span
-          class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+          class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
           data-color="3"
           data-testid="avatar-img"
           data-type="round"
@@ -292,7 +292,7 @@ exports[`ThreadsActivityCentre should order the room with the same notification
         class="mx_DecoratedRoomAvatar _icon_bym9p_51"
       >
         <span
-          class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+          class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
           data-color="4"
           data-testid="avatar-img"
           data-type="round"
diff --git a/apps/web/test/unit-tests/modules/__snapshots__/ModuleComponents-test.tsx.snap b/apps/web/test/unit-tests/modules/__snapshots__/ModuleComponents-test.tsx.snap
index aca4f2c294..1c0b53ce95 100644
--- a/apps/web/test/unit-tests/modules/__snapshots__/ModuleComponents-test.tsx.snap
+++ b/apps/web/test/unit-tests/modules/__snapshots__/ModuleComponents-test.tsx.snap
@@ -7,7 +7,7 @@ exports[`Module Components should override the factory for a ModuleSpinner 1`] =
   >
     <svg
       aria-label="Loading…"
-      class="_icon_11k6c_18"
+      class="_icon_1855a_18"
       data-testid="spinner"
       fill="currentColor"
       height="1em"
diff --git a/apps/web/test/unit-tests/renderer/__snapshots__/pill-test.tsx.snap b/apps/web/test/unit-tests/renderer/__snapshots__/pill-test.tsx.snap
index eb89356ead..a1e65061f0 100644
--- a/apps/web/test/unit-tests/renderer/__snapshots__/pill-test.tsx.snap
+++ b/apps/web/test/unit-tests/renderer/__snapshots__/pill-test.tsx.snap
@@ -48,7 +48,7 @@ exports[`mention pills should pillify @room 1`] = `
         >
           <span
             aria-hidden="true"
-            class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+            class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
             data-color="4"
             data-testid="avatar-img"
             data-type="round"
@@ -81,7 +81,7 @@ exports[`mention pills should pillify @room in an intentional mentions world 1`]
         >
           <span
             aria-hidden="true"
-            class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
+            class="_avatar_va14e_8 mx_BaseAvatar _avatar-imageless_va14e_55"
             data-color="4"
             data-testid="avatar-img"
             data-type="round"
diff --git a/packages/shared-components/src/room/timeline/event-tile/actions/ActionBarView/__snapshots__/ActionBarView.test.tsx.snap b/packages/shared-components/src/room/timeline/event-tile/actions/ActionBarView/__snapshots__/ActionBarView.test.tsx.snap
index 28b8869b1b..14dbb2ae42 100644
--- a/packages/shared-components/src/room/timeline/event-tile/actions/ActionBarView/__snapshots__/ActionBarView.test.tsx.snap
+++ b/packages/shared-components/src/room/timeline/event-tile/actions/ActionBarView/__snapshots__/ActionBarView.test.tsx.snap
@@ -560,7 +560,7 @@ exports[`ActionBarView > story snapshots > renders DecryptingAttachment 1`] = `
     >
       <svg
         aria-hidden="true"
-        class="_icon_11k6c_18"
+        class="_icon_1855a_18"
         fill="currentColor"
         height="20"
         style="width: 20px; height: 20px;"
@@ -730,7 +730,7 @@ exports[`ActionBarView > story snapshots > renders DownloadingAttachment 1`] = `
     >
       <svg
         aria-hidden="true"
-        class="_icon_11k6c_18"
+        class="_icon_1855a_18"
         fill="currentColor"
         height="20"
         style="width: 20px; height: 20px;"
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MImageBodyView/__snapshots__/ImageBodyView.test.tsx.snap b/packages/shared-components/src/room/timeline/event-tile/body/MImageBodyView/__snapshots__/ImageBodyView.test.tsx.snap
index e01e97e094..4b5f47340c 100644
--- a/packages/shared-components/src/room/timeline/event-tile/body/MImageBodyView/__snapshots__/ImageBodyView.test.tsx.snap
+++ b/packages/shared-components/src/room/timeline/event-tile/body/MImageBodyView/__snapshots__/ImageBodyView.test.tsx.snap
@@ -203,7 +203,7 @@ exports[`ImageBodyView > matches snapshot for loading-with-spinner story 1`] = `
         >
           <svg
             aria-label="Loading…"
-            class="_icon_11k6c_18"
+            class="_icon_1855a_18"
             fill="currentColor"
             height="1em"
             role="progressbar"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 66831ca077..b5ca6e8055 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -16,8 +16,8 @@ catalogs:
       specifier: 10.1.0
       version: 10.1.0
     '@vector-im/compound-web':
-      specifier: 9.1.0
-      version: 9.1.0
+      specifier: 9.2.0
+      version: 9.2.0
     matrix-web-i18n:
       specifier: 3.6.0
       version: 3.6.0
@@ -346,7 +346,7 @@ importers:
         version: 10.1.0(@types/react@19.2.10)(react@19.2.4)
       '@vector-im/compound-web':
         specifier: 'catalog:'
-        version: 9.1.0(@fontsource/inconsolata@5.2.8)(@fontsource/inter@5.2.8)(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(@vector-im/compound-design-tokens@10.1.0(@types/react@19.2.10)(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+        version: 9.2.0(@fontsource/inconsolata@5.2.8)(@fontsource/inter@5.2.8)(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(@vector-im/compound-design-tokens@10.1.0(@types/react@19.2.10)(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@vector-im/matrix-wysiwyg':
         specifier: 2.40.0
         version: 2.40.0(patch_hash=7bdf6150f2905bc2f055a6bcaa7b9d78fa7ffde82e800bcc454ac7b0096bd65e)(react@19.2.4)
@@ -1121,7 +1121,7 @@ importers:
         version: 8.58.0(eslint@8.57.1)(typescript@5.9.3)
       '@vector-im/compound-web':
         specifier: 'catalog:'
-        version: 9.1.0(@fontsource/inconsolata@5.2.8)(@fontsource/inter@5.2.8)(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(@vector-im/compound-design-tokens@10.1.0(@types/react@19.2.10)(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+        version: 9.2.0(@fontsource/inconsolata@5.2.8)(@fontsource/inter@5.2.8)(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(@vector-im/compound-design-tokens@10.1.0(@types/react@19.2.10)(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@vitest/browser-playwright':
         specifier: ^4.0.17
         version: 4.1.2(playwright@1.59.1)(vite@8.0.5(@emnapi/core@1.8.1)(@emnapi/runtime@1.8.1)(@types/node@18.19.130)(esbuild@0.27.4)(jiti@2.6.1)(sugarss@5.0.1(postcss@8.5.8))(terser@5.46.1)(tsx@4.21.0)(yaml@2.8.3))(vitest@4.1.2)
@@ -5851,8 +5851,8 @@ packages:
       react:
         optional: true
 
-  '@vector-im/compound-web@9.1.0':
-    resolution: {integrity: sha512-eKyGVp8E7erd2yCMpUS7sJSu/Pytezp/C8Yw6kHay+d5aPxKJ53Hy1OgeO7sjnhZTETck17Ypj6V2zfH+Bdbwg==}
+  '@vector-im/compound-web@9.2.0':
+    resolution: {integrity: sha512-jHbABGEQ2yqNtm5xRIkklQs198VEfSk9AJQolI+e4WSJ0xg8Ozyv9t9KIuKQAmjdSV9aow5G6hDE861XB6DQgw==}
     peerDependencies:
       '@fontsource/inconsolata': ^5
       '@fontsource/inter': ^5
@@ -18644,7 +18644,7 @@ snapshots:
       '@types/react': 19.2.10
       react: 19.2.4
 
-  '@vector-im/compound-web@9.1.0(@fontsource/inconsolata@5.2.8)(@fontsource/inter@5.2.8)(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(@vector-im/compound-design-tokens@10.1.0(@types/react@19.2.10)(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
+  '@vector-im/compound-web@9.2.0(@fontsource/inconsolata@5.2.8)(@fontsource/inter@5.2.8)(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(@vector-im/compound-design-tokens@10.1.0(@types/react@19.2.10)(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
       '@floating-ui/react': 0.27.17(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@fontsource/inconsolata': 5.2.8
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index 2aae851aea..684c99bd13 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -17,7 +17,7 @@ catalog:
     "playwright-core": 1.59.1
     # Compound
     "@vector-im/compound-design-tokens": 10.1.0
-    "@vector-im/compound-web": 9.1.0
+    "@vector-im/compound-web": 9.2.0
     # i18n
     matrix-web-i18n: 3.6.0
     # fonts