diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index a99ecbfa0..95d38c5e4 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -15,7 +15,7 @@
         "@tanstack/react-query": "^5.90.12",
         "@tanstack/react-router": "^1.131.44",
         "@vector-im/compound-design-tokens": "6.4.0",
-        "@vector-im/compound-web": "^8.2.5",
+        "@vector-im/compound-web": "^8.3.1",
         "@zxcvbn-ts/core": "^3.0.4",
         "@zxcvbn-ts/language-common": "^3.0.4",
         "classnames": "^2.5.1",
@@ -6463,9 +6463,9 @@
       }
     },
     "node_modules/@vector-im/compound-web": {
-      "version": "8.2.5",
-      "resolved": "https://registry.npmjs.org/@vector-im/compound-web/-/compound-web-8.2.5.tgz",
-      "integrity": "sha512-sfLqaW6bnvF+g+mC0P5RklPOln3yYW9OLzF8pLJ6gL8tJ6Kt1YSSQ+0VpOUy0kLD6E9jvEGJmiFAFdHuDDxS0A==",
+      "version": "8.3.1",
+      "resolved": "https://registry.npmjs.org/@vector-im/compound-web/-/compound-web-8.3.1.tgz",
+      "integrity": "sha512-VMAHVbpzUK6OQCX+gIm58ESvL6cYzLmr0vz0YBKJ5WoYJxu4/JrAfQ5+2mGn3fufF5Oqy3qBRzlHveFxv7Ij9A==",
       "license": "SEE LICENSE IN README.md",
       "dependencies": {
         "@floating-ui/react": "^0.27.0",
diff --git a/frontend/package.json b/frontend/package.json
index f2e03df50..cf564bc3d 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -25,7 +25,7 @@
     "@tanstack/react-query": "^5.90.12",
     "@tanstack/react-router": "^1.131.44",
     "@vector-im/compound-design-tokens": "6.4.0",
-    "@vector-im/compound-web": "^8.2.5",
+    "@vector-im/compound-web": "^8.3.1",
     "@zxcvbn-ts/core": "^3.0.4",
     "@zxcvbn-ts/language-common": "^3.0.4",
     "classnames": "^2.5.1",
diff --git a/frontend/src/components/SessionDetail/__snapshots__/CompatSessionDetail.test.tsx.snap b/frontend/src/components/SessionDetail/__snapshots__/CompatSessionDetail.test.tsx.snap
index 7849c7661..64f542283 100644
--- a/frontend/src/components/SessionDetail/__snapshots__/CompatSessionDetail.test.tsx.snap
+++ b/frontend/src/components/SessionDetail/__snapshots__/CompatSessionDetail.test.tsx.snap
@@ -42,7 +42,7 @@ exports[`<CompatSessionDetail> > renders a compatability session details 1`] = `
           type="button"
         >
           <div
-            class="_indicator-icon_zr2a0_17"
+            class="_indicator-icon_147l5_17"
             style="--cpd-icon-button-size: 100%;"
           >
             <svg
@@ -154,14 +154,14 @@ exports[`<CompatSessionDetail> > renders a compatability session details 1`] = `
           Scopes
         </h5>
         <ul
-          class="_visual-list_15wzx_8 mt-1"
+          class="_visual-list_1mgc1_8 mt-1"
         >
           <li
-            class="_visual-list-item_1ma3e_8"
+            class="_visual-list-item_1nc1y_8"
           >
             <svg
               aria-hidden="true"
-              class="_visual-list-item-icon_1ma3e_17"
+              class="_visual-list-item-icon_1nc1y_17"
               fill="currentColor"
               height="24px"
               viewBox="0 0 24 24"
@@ -181,11 +181,11 @@ exports[`<CompatSessionDetail> > renders a compatability session details 1`] = `
             See your profile info and contact details
           </li>
           <li
-            class="_visual-list-item_1ma3e_8"
+            class="_visual-list-item_1nc1y_8"
           >
             <svg
               aria-hidden="true"
-              class="_visual-list-item-icon_1ma3e_17"
+              class="_visual-list-item-icon_1nc1y_17"
               fill="currentColor"
               height="24px"
               viewBox="0 0 24 24"
@@ -199,11 +199,11 @@ exports[`<CompatSessionDetail> > renders a compatability session details 1`] = `
             View your existing messages and data
           </li>
           <li
-            class="_visual-list-item_1ma3e_8"
+            class="_visual-list-item_1nc1y_8"
           >
             <svg
               aria-hidden="true"
-              class="_visual-list-item-icon_1ma3e_17"
+              class="_visual-list-item-icon_1nc1y_17"
               fill="currentColor"
               height="24px"
               viewBox="0 0 24 24"
@@ -271,7 +271,7 @@ exports[`<CompatSessionDetail> > renders a compatability session details 1`] = `
       aria-controls="radix-_r_8_"
       aria-expanded="false"
       aria-haspopup="dialog"
-      class="_button_vczzf_8 _has-icon_vczzf_57 _destructive_vczzf_107"
+      class="_button_187yx_8 _has-icon_187yx_57 _destructive_187yx_107"
       data-kind="secondary"
       data-size="lg"
       data-state="closed"
@@ -339,7 +339,7 @@ exports[`<CompatSessionDetail> > renders a compatability session without an ssoL
           type="button"
         >
           <div
-            class="_indicator-icon_zr2a0_17"
+            class="_indicator-icon_147l5_17"
             style="--cpd-icon-button-size: 100%;"
           >
             <svg
@@ -451,14 +451,14 @@ exports[`<CompatSessionDetail> > renders a compatability session without an ssoL
           Scopes
         </h5>
         <ul
-          class="_visual-list_15wzx_8 mt-1"
+          class="_visual-list_1mgc1_8 mt-1"
         >
           <li
-            class="_visual-list-item_1ma3e_8"
+            class="_visual-list-item_1nc1y_8"
           >
             <svg
               aria-hidden="true"
-              class="_visual-list-item-icon_1ma3e_17"
+              class="_visual-list-item-icon_1nc1y_17"
               fill="currentColor"
               height="24px"
               viewBox="0 0 24 24"
@@ -478,11 +478,11 @@ exports[`<CompatSessionDetail> > renders a compatability session without an ssoL
             See your profile info and contact details
           </li>
           <li
-            class="_visual-list-item_1ma3e_8"
+            class="_visual-list-item_1nc1y_8"
           >
             <svg
               aria-hidden="true"
-              class="_visual-list-item-icon_1ma3e_17"
+              class="_visual-list-item-icon_1nc1y_17"
               fill="currentColor"
               height="24px"
               viewBox="0 0 24 24"
@@ -496,11 +496,11 @@ exports[`<CompatSessionDetail> > renders a compatability session without an ssoL
             View your existing messages and data
           </li>
           <li
-            class="_visual-list-item_1ma3e_8"
+            class="_visual-list-item_1nc1y_8"
           >
             <svg
               aria-hidden="true"
-              class="_visual-list-item-icon_1ma3e_17"
+              class="_visual-list-item-icon_1nc1y_17"
               fill="currentColor"
               height="24px"
               viewBox="0 0 24 24"
@@ -554,7 +554,7 @@ exports[`<CompatSessionDetail> > renders a compatability session without an ssoL
       aria-controls="radix-_r_k_"
       aria-expanded="false"
       aria-haspopup="dialog"
-      class="_button_vczzf_8 _has-icon_vczzf_57 _destructive_vczzf_107"
+      class="_button_187yx_8 _has-icon_187yx_57 _destructive_187yx_107"
       data-kind="secondary"
       data-size="lg"
       data-state="closed"
@@ -622,7 +622,7 @@ exports[`<CompatSessionDetail> > renders a finished compatability session detail
           type="button"
         >
           <div
-            class="_indicator-icon_zr2a0_17"
+            class="_indicator-icon_147l5_17"
             style="--cpd-icon-button-size: 100%;"
           >
             <svg
@@ -752,14 +752,14 @@ exports[`<CompatSessionDetail> > renders a finished compatability session detail
           Scopes
         </h5>
         <ul
-          class="_visual-list_15wzx_8 mt-1"
+          class="_visual-list_1mgc1_8 mt-1"
         >
           <li
-            class="_visual-list-item_1ma3e_8"
+            class="_visual-list-item_1nc1y_8"
           >
             <svg
               aria-hidden="true"
-              class="_visual-list-item-icon_1ma3e_17"
+              class="_visual-list-item-icon_1nc1y_17"
               fill="currentColor"
               height="24px"
               viewBox="0 0 24 24"
@@ -779,11 +779,11 @@ exports[`<CompatSessionDetail> > renders a finished compatability session detail
             See your profile info and contact details
           </li>
           <li
-            class="_visual-list-item_1ma3e_8"
+            class="_visual-list-item_1nc1y_8"
           >
             <svg
               aria-hidden="true"
-              class="_visual-list-item-icon_1ma3e_17"
+              class="_visual-list-item-icon_1nc1y_17"
               fill="currentColor"
               height="24px"
               viewBox="0 0 24 24"
@@ -797,11 +797,11 @@ exports[`<CompatSessionDetail> > renders a finished compatability session detail
             View your existing messages and data
           </li>
           <li
-            class="_visual-list-item_1ma3e_8"
+            class="_visual-list-item_1nc1y_8"
           >
             <svg
               aria-hidden="true"
-              class="_visual-list-item-icon_1ma3e_17"
+              class="_visual-list-item-icon_1nc1y_17"
               fill="currentColor"
               height="24px"
               viewBox="0 0 24 24"
diff --git a/frontend/src/components/SessionDetail/__snapshots__/OAuth2SessionDetail.test.tsx.snap b/frontend/src/components/SessionDetail/__snapshots__/OAuth2SessionDetail.test.tsx.snap
index 5ec8c9dc2..6c1ffe49a 100644
--- a/frontend/src/components/SessionDetail/__snapshots__/OAuth2SessionDetail.test.tsx.snap
+++ b/frontend/src/components/SessionDetail/__snapshots__/OAuth2SessionDetail.test.tsx.snap
@@ -42,7 +42,7 @@ exports[`<OAuth2SessionDetail> > renders a finished session details 1`] = `
           type="button"
         >
           <div
-            class="_indicator-icon_zr2a0_17"
+            class="_indicator-icon_147l5_17"
             style="--cpd-icon-button-size: 100%;"
           >
             <svg
@@ -172,14 +172,14 @@ exports[`<OAuth2SessionDetail> > renders a finished session details 1`] = `
           Scopes
         </h5>
         <ul
-          class="_visual-list_15wzx_8 mt-1"
+          class="_visual-list_1mgc1_8 mt-1"
         >
           <li
-            class="_visual-list-item_1ma3e_8"
+            class="_visual-list-item_1nc1y_8"
           >
             <svg
               aria-hidden="true"
-              class="_visual-list-item-icon_1ma3e_17"
+              class="_visual-list-item-icon_1nc1y_17"
               fill="currentColor"
               height="24px"
               viewBox="0 0 24 24"
@@ -199,11 +199,11 @@ exports[`<OAuth2SessionDetail> > renders a finished session details 1`] = `
             See your profile info and contact details
           </li>
           <li
-            class="_visual-list-item_1ma3e_8"
+            class="_visual-list-item_1nc1y_8"
           >
             <svg
               aria-hidden="true"
-              class="_visual-list-item-icon_1ma3e_17"
+              class="_visual-list-item-icon_1nc1y_17"
               fill="currentColor"
               height="24px"
               viewBox="0 0 24 24"
@@ -217,11 +217,11 @@ exports[`<OAuth2SessionDetail> > renders a finished session details 1`] = `
             View your existing messages and data
           </li>
           <li
-            class="_visual-list-item_1ma3e_8"
+            class="_visual-list-item_1nc1y_8"
           >
             <svg
               aria-hidden="true"
-              class="_visual-list-item-icon_1ma3e_17"
+              class="_visual-list-item-icon_1nc1y_17"
               fill="currentColor"
               height="24px"
               viewBox="0 0 24 24"
@@ -353,7 +353,7 @@ exports[`<OAuth2SessionDetail> > renders session details 1`] = `
           type="button"
         >
           <div
-            class="_indicator-icon_zr2a0_17"
+            class="_indicator-icon_147l5_17"
             style="--cpd-icon-button-size: 100%;"
           >
             <svg
@@ -465,14 +465,14 @@ exports[`<OAuth2SessionDetail> > renders session details 1`] = `
           Scopes
         </h5>
         <ul
-          class="_visual-list_15wzx_8 mt-1"
+          class="_visual-list_1mgc1_8 mt-1"
         >
           <li
-            class="_visual-list-item_1ma3e_8"
+            class="_visual-list-item_1nc1y_8"
           >
             <svg
               aria-hidden="true"
-              class="_visual-list-item-icon_1ma3e_17"
+              class="_visual-list-item-icon_1nc1y_17"
               fill="currentColor"
               height="24px"
               viewBox="0 0 24 24"
@@ -492,11 +492,11 @@ exports[`<OAuth2SessionDetail> > renders session details 1`] = `
             See your profile info and contact details
           </li>
           <li
-            class="_visual-list-item_1ma3e_8"
+            class="_visual-list-item_1nc1y_8"
           >
             <svg
               aria-hidden="true"
-              class="_visual-list-item-icon_1ma3e_17"
+              class="_visual-list-item-icon_1nc1y_17"
               fill="currentColor"
               height="24px"
               viewBox="0 0 24 24"
@@ -510,11 +510,11 @@ exports[`<OAuth2SessionDetail> > renders session details 1`] = `
             View your existing messages and data
           </li>
           <li
-            class="_visual-list-item_1ma3e_8"
+            class="_visual-list-item_1nc1y_8"
           >
             <svg
               aria-hidden="true"
-              class="_visual-list-item-icon_1ma3e_17"
+              class="_visual-list-item-icon_1nc1y_17"
               fill="currentColor"
               height="24px"
               viewBox="0 0 24 24"
@@ -604,7 +604,7 @@ exports[`<OAuth2SessionDetail> > renders session details 1`] = `
       aria-controls="radix-_r_8_"
       aria-expanded="false"
       aria-haspopup="dialog"
-      class="_button_vczzf_8 _has-icon_vczzf_57 _destructive_vczzf_107"
+      class="_button_187yx_8 _has-icon_187yx_57 _destructive_187yx_107"
       data-kind="secondary"
       data-size="lg"
       data-state="closed"
diff --git a/frontend/src/components/__snapshots__/CompatSession.test.tsx.snap b/frontend/src/components/__snapshots__/CompatSession.test.tsx.snap
index bb07d2d78..80cf928c3 100644
--- a/frontend/src/components/__snapshots__/CompatSession.test.tsx.snap
+++ b/frontend/src/components/__snapshots__/CompatSession.test.tsx.snap
@@ -165,7 +165,7 @@ exports[`<CompatSession /> > renders an active session 1`] = `
         aria-controls="radix-_r_0_"
         aria-expanded="false"
         aria-haspopup="dialog"
-        class="_button_vczzf_8 _has-icon_vczzf_57 _destructive_vczzf_107"
+        class="_button_187yx_8 _has-icon_187yx_57 _destructive_187yx_107"
         data-kind="secondary"
         data-size="sm"
         data-state="closed"
diff --git a/frontend/src/components/__snapshots__/OAuth2Session.test.tsx.snap b/frontend/src/components/__snapshots__/OAuth2Session.test.tsx.snap
index b1ef9507d..edc9dce9c 100644
--- a/frontend/src/components/__snapshots__/OAuth2Session.test.tsx.snap
+++ b/frontend/src/components/__snapshots__/OAuth2Session.test.tsx.snap
@@ -159,7 +159,7 @@ exports[`<OAuth2Session /> > renders an active session 1`] = `
         aria-controls="radix-_r_0_"
         aria-expanded="false"
         aria-haspopup="dialog"
-        class="_button_vczzf_8 _has-icon_vczzf_57 _destructive_vczzf_107"
+        class="_button_187yx_8 _has-icon_187yx_57 _destructive_187yx_107"
         data-kind="secondary"
         data-size="sm"
         data-state="closed"
diff --git a/frontend/tests/routes/__snapshots__/reset-cross-signing.test.tsx.snap b/frontend/tests/routes/__snapshots__/reset-cross-signing.test.tsx.snap
index 35ec9d823..f1e56205a 100644
--- a/frontend/tests/routes/__snapshots__/reset-cross-signing.test.tsx.snap
+++ b/frontend/tests/routes/__snapshots__/reset-cross-signing.test.tsx.snap
@@ -123,14 +123,14 @@ exports[`Reset cross signing > renders the deep link page 1`] = `
       If you're not signed in to any other devices and you've lost your recovery key, then you'll need to reset your identity to continue using the app.
     </p>
     <ul
-      class="_visual-list_15wzx_8"
+      class="_visual-list_1mgc1_8"
     >
       <li
-        class="_visual-list-item_1ma3e_8"
+        class="_visual-list-item_1nc1y_8"
       >
         <svg
           aria-hidden="true"
-          class="_visual-list-item-icon_1ma3e_17 _visual-list-item-icon-success_1ma3e_22"
+          class="_visual-list-item-icon_1nc1y_17 _visual-list-item-icon-success_1nc1y_22"
           fill="currentColor"
           height="24px"
           viewBox="0 0 24 24"
@@ -144,11 +144,11 @@ exports[`Reset cross signing > renders the deep link page 1`] = `
         Your account details, contacts, preferences, and chat list will be kept
       </li>
       <li
-        class="_visual-list-item_1ma3e_8"
+        class="_visual-list-item_1nc1y_8"
       >
         <svg
           aria-hidden="true"
-          class="_visual-list-item-icon_1ma3e_17"
+          class="_visual-list-item-icon_1nc1y_17"
           fill="currentColor"
           height="24px"
           viewBox="0 0 24 24"
@@ -167,11 +167,11 @@ exports[`Reset cross signing > renders the deep link page 1`] = `
         You will lose any message history that's stored only on the server
       </li>
       <li
-        class="_visual-list-item_1ma3e_8"
+        class="_visual-list-item_1nc1y_8"
       >
         <svg
           aria-hidden="true"
-          class="_visual-list-item-icon_1ma3e_17"
+          class="_visual-list-item-icon_1nc1y_17"
           fill="currentColor"
           height="24px"
           viewBox="0 0 24 24"
@@ -197,7 +197,7 @@ exports[`Reset cross signing > renders the deep link page 1`] = `
     </p>
     <button
       aria-disabled="false"
-      class="_button_vczzf_8 _destructive_vczzf_107"
+      class="_button_187yx_8 _destructive_187yx_107"
       data-kind="primary"
       data-size="lg"
       role="button"
@@ -207,7 +207,7 @@ exports[`Reset cross signing > renders the deep link page 1`] = `
     </button>
     <a
       aria-disabled="false"
-      class="_button_vczzf_8 _buttonLink_014cb0"
+      class="_button_187yx_8 _buttonLink_014cb0"
       data-kind="tertiary"
       data-size="lg"
       href="/reset-cross-signing/cancelled"
@@ -296,7 +296,7 @@ exports[`Reset cross signing > renders the errored page 1`] = `
       This might be a temporary problem, so please try again later. If the problem persists, please contact your server administrator.
     </p>
     <button
-      class="_button_vczzf_8"
+      class="_button_187yx_8"
       data-kind="tertiary"
       data-size="lg"
       role="button"
@@ -384,14 +384,14 @@ exports[`Reset cross signing > renders the page 1`] = `
       If you're not signed in to any other devices and you've lost your recovery key, then you'll need to reset your identity to continue using the app.
     </p>
     <ul
-      class="_visual-list_15wzx_8"
+      class="_visual-list_1mgc1_8"
     >
       <li
-        class="_visual-list-item_1ma3e_8"
+        class="_visual-list-item_1nc1y_8"
       >
         <svg
           aria-hidden="true"
-          class="_visual-list-item-icon_1ma3e_17 _visual-list-item-icon-success_1ma3e_22"
+          class="_visual-list-item-icon_1nc1y_17 _visual-list-item-icon-success_1nc1y_22"
           fill="currentColor"
           height="24px"
           viewBox="0 0 24 24"
@@ -405,11 +405,11 @@ exports[`Reset cross signing > renders the page 1`] = `
         Your account details, contacts, preferences, and chat list will be kept
       </li>
       <li
-        class="_visual-list-item_1ma3e_8"
+        class="_visual-list-item_1nc1y_8"
       >
         <svg
           aria-hidden="true"
-          class="_visual-list-item-icon_1ma3e_17"
+          class="_visual-list-item-icon_1nc1y_17"
           fill="currentColor"
           height="24px"
           viewBox="0 0 24 24"
@@ -428,11 +428,11 @@ exports[`Reset cross signing > renders the page 1`] = `
         You will lose any message history that's stored only on the server
       </li>
       <li
-        class="_visual-list-item_1ma3e_8"
+        class="_visual-list-item_1nc1y_8"
       >
         <svg
           aria-hidden="true"
-          class="_visual-list-item-icon_1ma3e_17"
+          class="_visual-list-item-icon_1nc1y_17"
           fill="currentColor"
           height="24px"
           viewBox="0 0 24 24"
@@ -458,7 +458,7 @@ exports[`Reset cross signing > renders the page 1`] = `
     </p>
     <button
       aria-disabled="false"
-      class="_button_vczzf_8 _destructive_vczzf_107"
+      class="_button_187yx_8 _destructive_187yx_107"
       data-kind="primary"
       data-size="lg"
       role="button"
@@ -468,7 +468,7 @@ exports[`Reset cross signing > renders the page 1`] = `
     </button>
     <a
       aria-disabled="false"
-      class="_button_vczzf_8 _buttonLink_014cb0"
+      class="_button_187yx_8 _buttonLink_014cb0"
       data-kind="tertiary"
       data-size="lg"
       href="/"
diff --git a/frontend/tests/routes/account/__snapshots__/index.test.tsx.snap b/frontend/tests/routes/account/__snapshots__/index.test.tsx.snap
index 6c459f74e..ab7e81e36 100644
--- a/frontend/tests/routes/account/__snapshots__/index.test.tsx.snap
+++ b/frontend/tests/routes/account/__snapshots__/index.test.tsx.snap
@@ -19,7 +19,7 @@ exports[`Account home page > display name edit box > displays an error if the di
   </h2>
   <span
     aria-label="@alice:example.com"
-    class="_avatar_1qbcf_8 self-center _avatar-imageless_1qbcf_52"
+    class="_avatar_zysgz_8 self-center _avatar-imageless_zysgz_55"
     data-color="6"
     data-type="round"
     role="img"
@@ -108,7 +108,7 @@ exports[`Account home page > display name edit box > displays an error if the di
     </div>
     <button
       aria-disabled="false"
-      class="_button_vczzf_8"
+      class="_button_187yx_8"
       data-kind="primary"
       data-size="lg"
       role="button"
@@ -119,7 +119,7 @@ exports[`Account home page > display name edit box > displays an error if the di
     </button>
   </form>
   <button
-    class="_button_vczzf_8"
+    class="_button_187yx_8"
     data-kind="tertiary"
     data-size="lg"
     role="button"
@@ -167,7 +167,7 @@ exports[`Account home page > display name edit box > lets edit the display name
   </h2>
   <span
     aria-label="@alice:example.com"
-    class="_avatar_1qbcf_8 self-center _avatar-imageless_1qbcf_52"
+    class="_avatar_zysgz_8 self-center _avatar-imageless_zysgz_55"
     data-color="6"
     data-type="round"
     role="img"
@@ -252,7 +252,7 @@ exports[`Account home page > display name edit box > lets edit the display name
     </div>
     <button
       aria-disabled="false"
-      class="_button_vczzf_8"
+      class="_button_187yx_8"
       data-kind="primary"
       data-size="lg"
       role="button"
@@ -263,7 +263,7 @@ exports[`Account home page > display name edit box > lets edit the display name
     </button>
   </form>
   <button
-    class="_button_vczzf_8"
+    class="_button_187yx_8"
     data-kind="tertiary"
     data-size="lg"
     role="button"
@@ -313,7 +313,7 @@ exports[`Account home page > renders the page 1`] = `
         >
           <span
             aria-label="@alice:example.com"
-            class="_avatar_1qbcf_8 _avatar_0d9d49 _avatar-imageless_1qbcf_52"
+            class="_avatar_zysgz_8 _avatar_0d9d49 _avatar-imageless_zysgz_55"
             data-color="6"
             data-type="round"
             role="img"
@@ -349,7 +349,7 @@ exports[`Account home page > renders the page 1`] = `
             type="button"
           >
             <div
-              class="_indicator-icon_zr2a0_17"
+              class="_indicator-icon_147l5_17"
               style="--cpd-icon-button-size: 100%;"
             >
               <svg
@@ -433,7 +433,7 @@ exports[`Account home page > renders the page 1`] = `
               type="button"
             >
               <div
-                class="_indicator-icon_zr2a0_17"
+                class="_indicator-icon_147l5_17"
                 style="--cpd-icon-button-size: 100%;"
               >
                 <svg
@@ -554,7 +554,7 @@ exports[`Account home page > renders the page 1`] = `
               type="button"
             >
               <div
-                class="_indicator-icon_zr2a0_17"
+                class="_indicator-icon_147l5_17"
                 style="--cpd-icon-button-size: 100%;"
               >
                 <svg
@@ -650,7 +650,7 @@ exports[`Account home page > renders the page 1`] = `
               type="button"
             >
               <div
-                class="_indicator-icon_zr2a0_17"
+                class="_indicator-icon_147l5_17"
                 style="--cpd-icon-button-size: 100%;"
               >
                 <svg
@@ -678,7 +678,7 @@ exports[`Account home page > renders the page 1`] = `
         aria-controls="radix-_r_1b_"
         aria-expanded="false"
         aria-haspopup="dialog"
-        class="_button_vczzf_8 _has-icon_vczzf_57 _destructive_vczzf_107"
+        class="_button_187yx_8 _has-icon_187yx_57 _destructive_187yx_107"
         data-kind="primary"
         data-size="lg"
         data-state="closed"
@@ -709,7 +709,7 @@ exports[`Account home page > renders the page 1`] = `
         aria-controls="radix-_r_1e_"
         aria-expanded="false"
         aria-haspopup="dialog"
-        class="_button_vczzf_8 self-center _has-icon_vczzf_57 _destructive_vczzf_107"
+        class="_button_187yx_8 self-center _has-icon_187yx_57 _destructive_187yx_107"
         data-kind="tertiary"
         data-size="sm"
         data-state="closed"