From b426bd55244f959a02090e5a2ce49639ea96bdbf Mon Sep 17 00:00:00 2001
From: Quentin Gliech <quenting@element.io>
Date: Fri, 21 Feb 2025 15:28:33 +0100
Subject: [PATCH] Update frontend test snapshots

---
 .../OAuth2ClientDetail.test.tsx.snap          |  22 +-
 .../DeviceTypeIcon.test.tsx.snap              |  10 +-
 .../CompatSessionDetail.test.tsx.snap         | 198 +++++++++---------
 .../OAuth2SessionDetail.test.tsx.snap         | 140 ++++++-------
 .../__snapshots__/SessionHeader.test.tsx.snap |   4 +-
 .../BrowserSessionsOverview.test.tsx.snap     |  12 +-
 .../__snapshots__/CompatSession.test.tsx.snap |  12 +-
 .../__snapshots__/OAuth2Session.test.tsx.snap |  10 +-
 .../reset-cross-signing.test.tsx.snap         | 100 ++++-----
 .../account/__snapshots__/index.test.tsx.snap | 142 ++++++-------
 10 files changed, 325 insertions(+), 325 deletions(-)

diff --git a/frontend/src/components/Client/__snapshots__/OAuth2ClientDetail.test.tsx.snap b/frontend/src/components/Client/__snapshots__/OAuth2ClientDetail.test.tsx.snap
index 214083888..1acf56602 100644
--- a/frontend/src/components/Client/__snapshots__/OAuth2ClientDetail.test.tsx.snap
+++ b/frontend/src/components/Client/__snapshots__/OAuth2ClientDetail.test.tsx.snap
@@ -9,7 +9,7 @@ exports[`<OAuth2ClientDetail> > renders client details 1`] = `
       class="flex flex-row gap-2 justify-start items-center"
     >
       <h3
-        class="_typography_yh5dq_162 _font-heading-md-semibold_yh5dq_121"
+        class="_typography_6v6n8_153 _font-heading-md-semibold_6v6n8_112"
       >
         Test Client
       </h3>
@@ -18,11 +18,11 @@ exports[`<OAuth2ClientDetail> > renders client details 1`] = `
       class="flex flex-col gap-6"
     >
       <h4
-        class="_typography_yh5dq_162 _font-heading-sm-semibold_yh5dq_102"
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
       >
         Client info
         <div
-          class="_separator_144s5_17"
+          class="_separator_7ckbw_8"
           data-kind="section"
           data-orientation="horizontal"
           role="separator"
@@ -35,12 +35,12 @@ exports[`<OAuth2ClientDetail> > renders client details 1`] = `
           class="flex flex-col min-w-0"
         >
           <h5
-            class="_typography_yh5dq_162 _font-body-sm-regular_yh5dq_40 text-secondary"
+            class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 text-secondary"
           >
             Name
           </h5>
           <p
-            class="_typography_yh5dq_162 _font-body-md-regular_yh5dq_59 text-ellipsis overflow-hidden"
+            class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 text-ellipsis overflow-hidden"
           >
             Test Client
           </p>
@@ -49,15 +49,15 @@ exports[`<OAuth2ClientDetail> > renders client details 1`] = `
           class="flex flex-col min-w-0"
         >
           <h5
-            class="_typography_yh5dq_162 _font-body-sm-regular_yh5dq_40 text-secondary"
+            class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 text-secondary"
           >
             Terms of service
           </h5>
           <p
-            class="_typography_yh5dq_162 _font-body-md-regular_yh5dq_59 text-ellipsis overflow-hidden"
+            class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 text-ellipsis overflow-hidden"
           >
             <a
-              class="_link_ue21z_17 _externalLink_a97355"
+              class="_link_1v5rz_8 _externalLink_a97355"
               data-kind="primary"
               data-size="medium"
               href="https://client.org/tos"
@@ -72,15 +72,15 @@ exports[`<OAuth2ClientDetail> > renders client details 1`] = `
           class="flex flex-col min-w-0"
         >
           <h5
-            class="_typography_yh5dq_162 _font-body-sm-regular_yh5dq_40 text-secondary"
+            class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 text-secondary"
           >
             Policy
           </h5>
           <p
-            class="_typography_yh5dq_162 _font-body-md-regular_yh5dq_59 text-ellipsis overflow-hidden"
+            class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 text-ellipsis overflow-hidden"
           >
             <a
-              class="_link_ue21z_17 _externalLink_a97355"
+              class="_link_1v5rz_8 _externalLink_a97355"
               data-kind="primary"
               data-size="medium"
               href="https://client.org/policy"
diff --git a/frontend/src/components/Session/__snapshots__/DeviceTypeIcon.test.tsx.snap b/frontend/src/components/Session/__snapshots__/DeviceTypeIcon.test.tsx.snap
index a137b93ed..746837d33 100644
--- a/frontend/src/components/Session/__snapshots__/DeviceTypeIcon.test.tsx.snap
+++ b/frontend/src/components/Session/__snapshots__/DeviceTypeIcon.test.tsx.snap
@@ -12,7 +12,7 @@ exports[`<DeviceTypeIcon /> > renders mobile device type 1`] = `
     xmlns="http://www.w3.org/2000/svg"
   >
     <path
-      d="M7 23c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 5 21V3c0-.55.196-1.02.588-1.413A1.926 1.926 0 0 1 7 1h10c.55 0 1.02.196 1.413.587.39.393.587.863.587 1.413v18c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 17 23H7Zm0-5h10V6H7v12Z"
+      d="M7 23q-.824 0-1.412-.587A1.93 1.93 0 0 1 5 21V3q0-.824.588-1.412A1.93 1.93 0 0 1 7 1h10q.824 0 1.413.587Q19 2.176 19 3v18q0 .824-.587 1.413A1.93 1.93 0 0 1 17 23zm0-5h10V6H7z"
     />
   </svg>
 </div>
@@ -30,7 +30,7 @@ exports[`<DeviceTypeIcon /> > renders pc device type 1`] = `
     xmlns="http://www.w3.org/2000/svg"
   >
     <path
-      d="M4 18c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 2 16V5c0-.55.196-1.02.587-1.413A1.926 1.926 0 0 1 4 3h16c.55 0 1.02.196 1.413.587.39.393.587.863.587 1.413v11c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 20 18H4Zm0-2h16V5H4v11Zm-2 5a.967.967 0 0 1-.712-.288A.968.968 0 0 1 1 20c0-.283.096-.52.288-.712A.967.967 0 0 1 2 19h20c.283 0 .52.096.712.288.192.191.288.429.288.712s-.096.52-.288.712A.968.968 0 0 1 22 21H2Z"
+      d="M4 18q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 16V5q0-.824.587-1.412A1.93 1.93 0 0 1 4 3h16q.824 0 1.413.587Q22 4.176 22 5v11q0 .824-.587 1.413A1.93 1.93 0 0 1 20 18zm0-2h16V5H4zm-2 5a.97.97 0 0 1-.712-.288A.97.97 0 0 1 1 20q0-.424.288-.712A.97.97 0 0 1 2 19h20q.424 0 .712.288.288.287.288.712 0 .424-.288.712A.97.97 0 0 1 22 21z"
     />
   </svg>
 </div>
@@ -48,7 +48,7 @@ exports[`<DeviceTypeIcon /> > renders tablet device type 1`] = `
     xmlns="http://www.w3.org/2000/svg"
   >
     <path
-      d="M4 20c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 2 18V6c0-.55.196-1.02.587-1.412A1.926 1.926 0 0 1 4 4h16c.55 0 1.02.196 1.413.588.391.391.587.862.587 1.412v12c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 20 20H4Zm0-2h16V8H4v10Z"
+      d="M4 20q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 18V6q0-.824.587-1.412A1.93 1.93 0 0 1 4 4h16q.824 0 1.413.588Q22 5.175 22 6v12q0 .824-.587 1.413A1.93 1.93 0 0 1 20 20zm0-2h16V8H4z"
     />
   </svg>
 </div>
@@ -66,10 +66,10 @@ exports[`<DeviceTypeIcon /> > renders unknown device type 1`] = `
     xmlns="http://www.w3.org/2000/svg"
   >
     <path
-      d="M5 21c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 3 19V5c0-.55.196-1.02.587-1.413A1.926 1.926 0 0 1 5 3h14c.55 0 1.02.196 1.413.587.39.393.587.863.587 1.413v14c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 19 21H5Zm0-2h14V5H5v14Z"
+      d="M5 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.587-1.412A1.93 1.93 0 0 1 5 3h14q.824 0 1.413.587Q21 4.176 21 5v14q0 .824-.587 1.413A1.93 1.93 0 0 1 19 21zm0-2h14V5H5z"
     />
     <path
-      d="M11 10a1 1 0 1 1 1.479.878c-.31.17-.659.413-.94.741-.286.334-.539.8-.539 1.381a1 1 0 0 0 2 .006.3.3 0 0 1 .057-.085 1.39 1.39 0 0 1 .382-.288A3 3 0 1 0 9 10a1 1 0 1 0 2 0Zm1.999 3.011v-.004.005ZM12 17a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"
+      d="M11 10a1 1 0 1 1 1.479.878c-.31.17-.659.413-.94.741-.286.334-.539.8-.539 1.381a1 1 0 0 0 2 .006.3.3 0 0 1 .057-.085 1.4 1.4 0 0 1 .382-.288A3 3 0 1 0 9 10a1 1 0 1 0 2 0m1.999 3.012v-.005zM12 17a1 1 0 1 0 0-2 1 1 0 0 0 0 2"
     />
   </svg>
 </div>
diff --git a/frontend/src/components/SessionDetail/__snapshots__/CompatSessionDetail.test.tsx.snap b/frontend/src/components/SessionDetail/__snapshots__/CompatSessionDetail.test.tsx.snap
index c4ccb5f05..38afa39fb 100644
--- a/frontend/src/components/SessionDetail/__snapshots__/CompatSessionDetail.test.tsx.snap
+++ b/frontend/src/components/SessionDetail/__snapshots__/CompatSessionDetail.test.tsx.snap
@@ -20,12 +20,12 @@ exports[`<CompatSessionDetail> > renders a compatability session details 1`] = `
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="m13.3 17.3-4.6-4.6a.877.877 0 0 1-.213-.325A1.106 1.106 0 0 1 8.425 12c0-.133.02-.258.062-.375A.878.878 0 0 1 8.7 11.3l4.6-4.6a.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275.948.948 0 0 1 .275.7.948.948 0 0 1-.275.7L10.8 12l3.9 3.9a.949.949 0 0 1 .275.7.948.948 0 0 1-.275.7.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
+            d="m13.3 17.3-4.6-4.6a.9.9 0 0 1-.213-.325A1.1 1.1 0 0 1 8.425 12q0-.2.062-.375A.9.9 0 0 1 8.7 11.3l4.6-4.6a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L10.8 12l3.9 3.9a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
           />
         </svg>
       </a>
       <h3
-        class="_typography_yh5dq_162 _font-heading-md-semibold_yh5dq_121"
+        class="_typography_6v6n8_153 _font-heading-md-semibold_6v6n8_112"
       >
         element.io
         : 
@@ -36,11 +36,11 @@ exports[`<CompatSessionDetail> > renders a compatability session details 1`] = `
       class="flex flex-col gap-6"
     >
       <h4
-        class="_typography_yh5dq_162 _font-heading-sm-semibold_yh5dq_102"
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
       >
         Device details
         <div
-          class="_separator_144s5_17"
+          class="_separator_7ckbw_8"
           data-kind="section"
           data-orientation="horizontal"
           role="separator"
@@ -53,12 +53,12 @@ exports[`<CompatSessionDetail> > renders a compatability session details 1`] = `
           class="flex flex-col min-w-0"
         >
           <h5
-            class="_typography_yh5dq_162 _font-body-sm-regular_yh5dq_40 text-secondary"
+            class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 text-secondary"
           >
             Last Active
           </h5>
           <p
-            class="_typography_yh5dq_162 _font-body-md-regular_yh5dq_59 text-ellipsis overflow-hidden"
+            class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 text-ellipsis overflow-hidden"
           >
             <span
               title="Sat, 29 Jul 2023, 03:35"
@@ -71,12 +71,12 @@ exports[`<CompatSessionDetail> > renders a compatability session details 1`] = `
           class="flex flex-col min-w-0"
         >
           <h5
-            class="_typography_yh5dq_162 _font-body-sm-regular_yh5dq_40 text-secondary"
+            class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 text-secondary"
           >
             Signed in
           </h5>
           <p
-            class="_typography_yh5dq_162 _font-body-md-regular_yh5dq_59 text-ellipsis overflow-hidden"
+            class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 text-ellipsis overflow-hidden"
           >
             <time
               datetime="2023-06-29T03:35:17Z"
@@ -89,12 +89,12 @@ exports[`<CompatSessionDetail> > renders a compatability session details 1`] = `
           class="flex flex-col min-w-0"
         >
           <h5
-            class="_typography_yh5dq_162 _font-body-sm-regular_yh5dq_40 text-secondary"
+            class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 text-secondary"
           >
             Device ID
           </h5>
           <p
-            class="_typography_yh5dq_162 _font-body-md-regular_yh5dq_59 text-ellipsis overflow-hidden"
+            class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 text-ellipsis overflow-hidden"
           >
             abcd1234
           </p>
@@ -103,12 +103,12 @@ exports[`<CompatSessionDetail> > renders a compatability session details 1`] = `
           class="flex flex-col min-w-0"
         >
           <h5
-            class="_typography_yh5dq_162 _font-body-sm-regular_yh5dq_40 text-secondary"
+            class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 text-secondary"
           >
             IP Address
           </h5>
           <p
-            class="_typography_yh5dq_162 _font-body-md-regular_yh5dq_59 text-ellipsis overflow-hidden"
+            class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 text-ellipsis overflow-hidden"
           >
             <code>
               1.2.3.4
@@ -120,19 +120,19 @@ exports[`<CompatSessionDetail> > renders a compatability session details 1`] = `
         class="flex flex-col min-w-0"
       >
         <h5
-          class="_typography_yh5dq_162 _font-body-sm-regular_yh5dq_40 text-secondary"
+          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 text-secondary"
         >
           Scopes
         </h5>
         <ul
-          class="_visual-list_4dcf8_17 mt-1"
+          class="_visual-list_15wzx_8 mt-1"
         >
           <li
-            class="_visual-list-item_bqeu7_17"
+            class="_visual-list-item_1ma3e_8"
           >
             <svg
               aria-hidden="true"
-              class="_visual-list-item-icon_bqeu7_26"
+              class="_visual-list-item-icon_1ma3e_17"
               fill="currentColor"
               height="24px"
               viewBox="0 0 24 24"
@@ -140,23 +140,23 @@ exports[`<CompatSessionDetail> > renders a compatability session details 1`] = `
               xmlns="http://www.w3.org/2000/svg"
             >
               <path
-                d="M9.175 13.825C9.958 14.608 10.9 15 12 15s2.042-.392 2.825-1.175C15.608 13.042 16 12.1 16 11s-.392-2.042-1.175-2.825C14.042 7.392 13.1 7 12 7s-2.042.392-2.825 1.175C8.392 8.958 8 9.9 8 11s.392 2.042 1.175 2.825Zm4.237-1.412A1.926 1.926 0 0 1 12 13c-.55 0-1.02-.196-1.412-.588A1.926 1.926 0 0 1 10 11c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 12 9c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412 0 .55-.196 1.02-.588 1.412Z"
+                d="M9.175 13.825Q10.35 15 12 15t2.825-1.175T16 11t-1.175-2.825T12 7 9.175 8.175 8 11t1.175 2.825m4.237-1.412A1.93 1.93 0 0 1 12 13q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 11q0-.825.588-1.412A1.93 1.93 0 0 1 12 9q.825 0 1.412.588Q14 10.175 14 11t-.588 1.412"
               />
               <path
-                d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-2 0a8 8 0 1 0-16 0 8 8 0 0 0 16 0Z"
+                d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10m-2 0a8 8 0 1 0-16 0 8 8 0 0 0 16 0"
               />
               <path
-                d="M16.23 18.792a12.47 12.47 0 0 0-1.455-.455 11.6 11.6 0 0 0-5.55 0c-.487.12-.972.271-1.455.455a8.04 8.04 0 0 1-1.729-1.454c.89-.412 1.794-.729 2.709-.95A13.76 13.76 0 0 1 12 16c1.1 0 2.183.13 3.25.387a14.78 14.78 0 0 1 2.709.95 8.042 8.042 0 0 1-1.73 1.455Z"
+                d="M16.23 18.792a13 13 0 0 0-1.455-.455 11.6 11.6 0 0 0-5.55 0q-.73.18-1.455.455a8 8 0 0 1-1.729-1.454q1.336-.618 2.709-.95A13.8 13.8 0 0 1 12 16q1.65 0 3.25.387 1.373.333 2.709.95a8 8 0 0 1-1.73 1.455"
               />
             </svg>
             See your profile info and contact details
           </li>
           <li
-            class="_visual-list-item_bqeu7_17"
+            class="_visual-list-item_1ma3e_8"
           >
             <svg
               aria-hidden="true"
-              class="_visual-list-item-icon_bqeu7_26"
+              class="_visual-list-item-icon_1ma3e_17"
               fill="currentColor"
               height="24px"
               viewBox="0 0 24 24"
@@ -164,17 +164,17 @@ exports[`<CompatSessionDetail> > renders a compatability session details 1`] = `
               xmlns="http://www.w3.org/2000/svg"
             >
               <path
-                d="m1.5 21.25 1.45-4.95a10.232 10.232 0 0 1-.712-2.1A10.167 10.167 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.099 10.099 0 0 1 2.137-3.175c.9-.9 1.958-1.612 3.175-2.137A9.737 9.737 0 0 1 12 2a9.74 9.74 0 0 1 3.9.788 10.098 10.098 0 0 1 3.175 2.137c.9.9 1.613 1.958 2.137 3.175A9.738 9.738 0 0 1 22 12a9.738 9.738 0 0 1-.788 3.9 10.098 10.098 0 0 1-2.137 3.175c-.9.9-1.958 1.613-3.175 2.137A9.737 9.737 0 0 1 12 22c-.75 0-1.483-.08-2.2-.238a10.23 10.23 0 0 1-2.1-.712L2.75 22.5a.936.936 0 0 1-1-.25.936.936 0 0 1-.25-1Zm2.45-1.2 3.2-.95a.949.949 0 0 1 .275-.063c.1-.008.192-.012.275-.012.15 0 .296.013.438.038.141.024.279.07.412.137a7.435 7.435 0 0 0 1.675.6c.583.133 1.175.2 1.775.2 2.233 0 4.125-.775 5.675-2.325C19.225 16.125 20 14.233 20 12c0-2.233-.775-4.125-2.325-5.675C16.125 4.775 14.233 4 12 4c-2.233 0-4.125.775-5.675 2.325C4.775 7.875 4 9.767 4 12c0 .6.067 1.192.2 1.775s.333 1.142.6 1.675c.117.217.18.446.188.688a2.29 2.29 0 0 1-.088.712l-.95 3.2Z"
+                d="m1.5 21.25 1.45-4.95a10.2 10.2 0 0 1-.712-2.1A10.2 10.2 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22q-1.125 0-2.2-.238a10.2 10.2 0 0 1-2.1-.712L2.75 22.5a.94.94 0 0 1-1-.25.94.94 0 0 1-.25-1m2.45-1.2 3.2-.95a1 1 0 0 1 .275-.062q.15-.013.275-.013.225 0 .438.038.212.036.412.137a7.4 7.4 0 0 0 1.675.6Q11.1 20 12 20q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4 6.325 6.325 4 12q0 .9.2 1.775t.6 1.675q.176.325.188.688t-.088.712z"
               />
             </svg>
             View your existing messages and data
           </li>
           <li
-            class="_visual-list-item_bqeu7_17"
+            class="_visual-list-item_1ma3e_8"
           >
             <svg
               aria-hidden="true"
-              class="_visual-list-item-icon_bqeu7_26"
+              class="_visual-list-item-icon_1ma3e_17"
               fill="currentColor"
               height="24px"
               viewBox="0 0 24 24"
@@ -183,7 +183,7 @@ exports[`<CompatSessionDetail> > renders a compatability session details 1`] = `
             >
               <path
                 clip-rule="evenodd"
-                d="m5.07 20.965 16.141-8.07a1 1 0 0 0 0-1.79l-16.14-8.07c-.785-.392-1.658.343-1.406 1.182l2.249 7.496a1 1 0 0 1 0 .575l-2.249 7.495c-.252.84.621 1.574 1.405 1.182ZM6.246 5.86 18.528 12 6.246 18.141l1.542-5.14h4.462a1 1 0 1 0 0-2H7.788L6.246 5.858Z"
+                d="m5.07 20.965 16.141-8.07a1 1 0 0 0 0-1.79l-16.14-8.07c-.785-.392-1.658.342-1.406 1.182l2.249 7.496a1 1 0 0 1 0 .574l-2.249 7.496c-.252.84.621 1.574 1.405 1.182M6.246 5.859 18.528 12 6.246 18.141 7.788 13h4.462a1 1 0 1 0 0-2H7.788z"
                 fill-rule="evenodd"
               />
             </svg>
@@ -196,11 +196,11 @@ exports[`<CompatSessionDetail> > renders a compatability session details 1`] = `
       class="flex flex-col gap-6"
     >
       <h4
-        class="_typography_yh5dq_162 _font-heading-sm-semibold_yh5dq_102"
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
       >
         Client info
         <div
-          class="_separator_144s5_17"
+          class="_separator_7ckbw_8"
           data-kind="section"
           data-orientation="horizontal"
           role="separator"
@@ -213,12 +213,12 @@ exports[`<CompatSessionDetail> > renders a compatability session details 1`] = `
           class="flex flex-col min-w-0"
         >
           <h5
-            class="_typography_yh5dq_162 _font-body-sm-regular_yh5dq_40 text-secondary"
+            class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 text-secondary"
           >
             Name
           </h5>
           <p
-            class="_typography_yh5dq_162 _font-body-md-regular_yh5dq_59 text-ellipsis overflow-hidden"
+            class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 text-ellipsis overflow-hidden"
           >
             Unknown device
           </p>
@@ -227,12 +227,12 @@ exports[`<CompatSessionDetail> > renders a compatability session details 1`] = `
           class="flex flex-col min-w-0"
         >
           <h5
-            class="_typography_yh5dq_162 _font-body-sm-regular_yh5dq_40 text-secondary"
+            class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 text-secondary"
           >
             Uri
           </h5>
           <p
-            class="_typography_yh5dq_162 _font-body-md-regular_yh5dq_59 text-ellipsis overflow-hidden"
+            class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 text-ellipsis overflow-hidden"
           >
             https://element.io
           </p>
@@ -243,7 +243,7 @@ exports[`<CompatSessionDetail> > renders a compatability session details 1`] = `
       aria-controls="radix-:r0:"
       aria-expanded="false"
       aria-haspopup="dialog"
-      class="_button_i91xf_17 _has-icon_i91xf_66 _destructive_i91xf_116"
+      class="_button_vczzf_8 _has-icon_vczzf_57 _destructive_vczzf_107"
       data-kind="secondary"
       data-size="lg"
       data-state="closed"
@@ -260,7 +260,7 @@ exports[`<CompatSessionDetail> > renders a compatability session details 1`] = `
         xmlns="http://www.w3.org/2000/svg"
       >
         <path
-          d="M7 21c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 5 19V6a.968.968 0 0 1-.713-.287A.968.968 0 0 1 4 5c0-.283.096-.52.287-.713A.968.968 0 0 1 5 4h4a.97.97 0 0 1 .287-.712A.968.968 0 0 1 10 3h4a.97.97 0 0 1 .713.288A.968.968 0 0 1 15 4h4a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.713A.968.968 0 0 1 19 6v13c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 17 21H7ZM7 6v13h10V6H7Zm2 10c0 .283.096.52.287.712.192.192.43.288.713.288s.52-.096.713-.288A.968.968 0 0 0 11 16V9a.967.967 0 0 0-.287-.713A.968.968 0 0 0 10 8a.968.968 0 0 0-.713.287A.968.968 0 0 0 9 9v7Zm4 0c0 .283.096.52.287.712.192.192.43.288.713.288s.52-.096.713-.288A.968.968 0 0 0 15 16V9a.967.967 0 0 0-.287-.713A.968.968 0 0 0 14 8a.968.968 0 0 0-.713.287A.967.967 0 0 0 13 9v7Z"
+          d="M7 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 5 19V6a.97.97 0 0 1-.713-.287A.97.97 0 0 1 4 5q0-.424.287-.713A.97.97 0 0 1 5 4h4q0-.424.287-.712A.97.97 0 0 1 10 3h4q.424 0 .713.288Q15 3.575 15 4h4q.424 0 .712.287Q20 4.576 20 5t-.288.713A.97.97 0 0 1 19 6v13q0 .824-.587 1.413A1.93 1.93 0 0 1 17 21zM7 6v13h10V6zm2 10q0 .424.287.712Q9.576 17 10 17t.713-.288A.97.97 0 0 0 11 16V9a.97.97 0 0 0-.287-.713A.97.97 0 0 0 10 8a.97.97 0 0 0-.713.287A.97.97 0 0 0 9 9zm4 0q0 .424.287.712.288.288.713.288.424 0 .713-.288A.97.97 0 0 0 15 16V9a.97.97 0 0 0-.287-.713A.97.97 0 0 0 14 8a.97.97 0 0 0-.713.287A.97.97 0 0 0 13 9z"
         />
       </svg>
       Remove device
@@ -289,12 +289,12 @@ exports[`<CompatSessionDetail> > renders a compatability session without an ssoL
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="m13.3 17.3-4.6-4.6a.877.877 0 0 1-.213-.325A1.106 1.106 0 0 1 8.425 12c0-.133.02-.258.062-.375A.878.878 0 0 1 8.7 11.3l4.6-4.6a.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275.948.948 0 0 1 .275.7.948.948 0 0 1-.275.7L10.8 12l3.9 3.9a.949.949 0 0 1 .275.7.948.948 0 0 1-.275.7.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
+            d="m13.3 17.3-4.6-4.6a.9.9 0 0 1-.213-.325A1.1 1.1 0 0 1 8.425 12q0-.2.062-.375A.9.9 0 0 1 8.7 11.3l4.6-4.6a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L10.8 12l3.9 3.9a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
           />
         </svg>
       </a>
       <h3
-        class="_typography_yh5dq_162 _font-heading-md-semibold_yh5dq_121"
+        class="_typography_6v6n8_153 _font-heading-md-semibold_6v6n8_112"
       >
         abcd1234
         : 
@@ -305,11 +305,11 @@ exports[`<CompatSessionDetail> > renders a compatability session without an ssoL
       class="flex flex-col gap-6"
     >
       <h4
-        class="_typography_yh5dq_162 _font-heading-sm-semibold_yh5dq_102"
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
       >
         Device details
         <div
-          class="_separator_144s5_17"
+          class="_separator_7ckbw_8"
           data-kind="section"
           data-orientation="horizontal"
           role="separator"
@@ -322,12 +322,12 @@ exports[`<CompatSessionDetail> > renders a compatability session without an ssoL
           class="flex flex-col min-w-0"
         >
           <h5
-            class="_typography_yh5dq_162 _font-body-sm-regular_yh5dq_40 text-secondary"
+            class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 text-secondary"
           >
             Last Active
           </h5>
           <p
-            class="_typography_yh5dq_162 _font-body-md-regular_yh5dq_59 text-ellipsis overflow-hidden"
+            class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 text-ellipsis overflow-hidden"
           >
             <span
               title="Sat, 29 Jul 2023, 03:35"
@@ -340,12 +340,12 @@ exports[`<CompatSessionDetail> > renders a compatability session without an ssoL
           class="flex flex-col min-w-0"
         >
           <h5
-            class="_typography_yh5dq_162 _font-body-sm-regular_yh5dq_40 text-secondary"
+            class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 text-secondary"
           >
             Signed in
           </h5>
           <p
-            class="_typography_yh5dq_162 _font-body-md-regular_yh5dq_59 text-ellipsis overflow-hidden"
+            class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 text-ellipsis overflow-hidden"
           >
             <time
               datetime="2023-06-29T03:35:17Z"
@@ -358,12 +358,12 @@ exports[`<CompatSessionDetail> > renders a compatability session without an ssoL
           class="flex flex-col min-w-0"
         >
           <h5
-            class="_typography_yh5dq_162 _font-body-sm-regular_yh5dq_40 text-secondary"
+            class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 text-secondary"
           >
             Device ID
           </h5>
           <p
-            class="_typography_yh5dq_162 _font-body-md-regular_yh5dq_59 text-ellipsis overflow-hidden"
+            class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 text-ellipsis overflow-hidden"
           >
             abcd1234
           </p>
@@ -372,12 +372,12 @@ exports[`<CompatSessionDetail> > renders a compatability session without an ssoL
           class="flex flex-col min-w-0"
         >
           <h5
-            class="_typography_yh5dq_162 _font-body-sm-regular_yh5dq_40 text-secondary"
+            class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 text-secondary"
           >
             IP Address
           </h5>
           <p
-            class="_typography_yh5dq_162 _font-body-md-regular_yh5dq_59 text-ellipsis overflow-hidden"
+            class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 text-ellipsis overflow-hidden"
           >
             <code>
               1.2.3.4
@@ -389,19 +389,19 @@ exports[`<CompatSessionDetail> > renders a compatability session without an ssoL
         class="flex flex-col min-w-0"
       >
         <h5
-          class="_typography_yh5dq_162 _font-body-sm-regular_yh5dq_40 text-secondary"
+          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 text-secondary"
         >
           Scopes
         </h5>
         <ul
-          class="_visual-list_4dcf8_17 mt-1"
+          class="_visual-list_15wzx_8 mt-1"
         >
           <li
-            class="_visual-list-item_bqeu7_17"
+            class="_visual-list-item_1ma3e_8"
           >
             <svg
               aria-hidden="true"
-              class="_visual-list-item-icon_bqeu7_26"
+              class="_visual-list-item-icon_1ma3e_17"
               fill="currentColor"
               height="24px"
               viewBox="0 0 24 24"
@@ -409,23 +409,23 @@ exports[`<CompatSessionDetail> > renders a compatability session without an ssoL
               xmlns="http://www.w3.org/2000/svg"
             >
               <path
-                d="M9.175 13.825C9.958 14.608 10.9 15 12 15s2.042-.392 2.825-1.175C15.608 13.042 16 12.1 16 11s-.392-2.042-1.175-2.825C14.042 7.392 13.1 7 12 7s-2.042.392-2.825 1.175C8.392 8.958 8 9.9 8 11s.392 2.042 1.175 2.825Zm4.237-1.412A1.926 1.926 0 0 1 12 13c-.55 0-1.02-.196-1.412-.588A1.926 1.926 0 0 1 10 11c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 12 9c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412 0 .55-.196 1.02-.588 1.412Z"
+                d="M9.175 13.825Q10.35 15 12 15t2.825-1.175T16 11t-1.175-2.825T12 7 9.175 8.175 8 11t1.175 2.825m4.237-1.412A1.93 1.93 0 0 1 12 13q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 11q0-.825.588-1.412A1.93 1.93 0 0 1 12 9q.825 0 1.412.588Q14 10.175 14 11t-.588 1.412"
               />
               <path
-                d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-2 0a8 8 0 1 0-16 0 8 8 0 0 0 16 0Z"
+                d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10m-2 0a8 8 0 1 0-16 0 8 8 0 0 0 16 0"
               />
               <path
-                d="M16.23 18.792a12.47 12.47 0 0 0-1.455-.455 11.6 11.6 0 0 0-5.55 0c-.487.12-.972.271-1.455.455a8.04 8.04 0 0 1-1.729-1.454c.89-.412 1.794-.729 2.709-.95A13.76 13.76 0 0 1 12 16c1.1 0 2.183.13 3.25.387a14.78 14.78 0 0 1 2.709.95 8.042 8.042 0 0 1-1.73 1.455Z"
+                d="M16.23 18.792a13 13 0 0 0-1.455-.455 11.6 11.6 0 0 0-5.55 0q-.73.18-1.455.455a8 8 0 0 1-1.729-1.454q1.336-.618 2.709-.95A13.8 13.8 0 0 1 12 16q1.65 0 3.25.387 1.373.333 2.709.95a8 8 0 0 1-1.73 1.455"
               />
             </svg>
             See your profile info and contact details
           </li>
           <li
-            class="_visual-list-item_bqeu7_17"
+            class="_visual-list-item_1ma3e_8"
           >
             <svg
               aria-hidden="true"
-              class="_visual-list-item-icon_bqeu7_26"
+              class="_visual-list-item-icon_1ma3e_17"
               fill="currentColor"
               height="24px"
               viewBox="0 0 24 24"
@@ -433,17 +433,17 @@ exports[`<CompatSessionDetail> > renders a compatability session without an ssoL
               xmlns="http://www.w3.org/2000/svg"
             >
               <path
-                d="m1.5 21.25 1.45-4.95a10.232 10.232 0 0 1-.712-2.1A10.167 10.167 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.099 10.099 0 0 1 2.137-3.175c.9-.9 1.958-1.612 3.175-2.137A9.737 9.737 0 0 1 12 2a9.74 9.74 0 0 1 3.9.788 10.098 10.098 0 0 1 3.175 2.137c.9.9 1.613 1.958 2.137 3.175A9.738 9.738 0 0 1 22 12a9.738 9.738 0 0 1-.788 3.9 10.098 10.098 0 0 1-2.137 3.175c-.9.9-1.958 1.613-3.175 2.137A9.737 9.737 0 0 1 12 22c-.75 0-1.483-.08-2.2-.238a10.23 10.23 0 0 1-2.1-.712L2.75 22.5a.936.936 0 0 1-1-.25.936.936 0 0 1-.25-1Zm2.45-1.2 3.2-.95a.949.949 0 0 1 .275-.063c.1-.008.192-.012.275-.012.15 0 .296.013.438.038.141.024.279.07.412.137a7.435 7.435 0 0 0 1.675.6c.583.133 1.175.2 1.775.2 2.233 0 4.125-.775 5.675-2.325C19.225 16.125 20 14.233 20 12c0-2.233-.775-4.125-2.325-5.675C16.125 4.775 14.233 4 12 4c-2.233 0-4.125.775-5.675 2.325C4.775 7.875 4 9.767 4 12c0 .6.067 1.192.2 1.775s.333 1.142.6 1.675c.117.217.18.446.188.688a2.29 2.29 0 0 1-.088.712l-.95 3.2Z"
+                d="m1.5 21.25 1.45-4.95a10.2 10.2 0 0 1-.712-2.1A10.2 10.2 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22q-1.125 0-2.2-.238a10.2 10.2 0 0 1-2.1-.712L2.75 22.5a.94.94 0 0 1-1-.25.94.94 0 0 1-.25-1m2.45-1.2 3.2-.95a1 1 0 0 1 .275-.062q.15-.013.275-.013.225 0 .438.038.212.036.412.137a7.4 7.4 0 0 0 1.675.6Q11.1 20 12 20q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4 6.325 6.325 4 12q0 .9.2 1.775t.6 1.675q.176.325.188.688t-.088.712z"
               />
             </svg>
             View your existing messages and data
           </li>
           <li
-            class="_visual-list-item_bqeu7_17"
+            class="_visual-list-item_1ma3e_8"
           >
             <svg
               aria-hidden="true"
-              class="_visual-list-item-icon_bqeu7_26"
+              class="_visual-list-item-icon_1ma3e_17"
               fill="currentColor"
               height="24px"
               viewBox="0 0 24 24"
@@ -452,7 +452,7 @@ exports[`<CompatSessionDetail> > renders a compatability session without an ssoL
             >
               <path
                 clip-rule="evenodd"
-                d="m5.07 20.965 16.141-8.07a1 1 0 0 0 0-1.79l-16.14-8.07c-.785-.392-1.658.343-1.406 1.182l2.249 7.496a1 1 0 0 1 0 .575l-2.249 7.495c-.252.84.621 1.574 1.405 1.182ZM6.246 5.86 18.528 12 6.246 18.141l1.542-5.14h4.462a1 1 0 1 0 0-2H7.788L6.246 5.858Z"
+                d="m5.07 20.965 16.141-8.07a1 1 0 0 0 0-1.79l-16.14-8.07c-.785-.392-1.658.342-1.406 1.182l2.249 7.496a1 1 0 0 1 0 .574l-2.249 7.496c-.252.84.621 1.574 1.405 1.182M6.246 5.859 18.528 12 6.246 18.141 7.788 13h4.462a1 1 0 1 0 0-2H7.788z"
                 fill-rule="evenodd"
               />
             </svg>
@@ -465,11 +465,11 @@ exports[`<CompatSessionDetail> > renders a compatability session without an ssoL
       class="flex flex-col gap-6"
     >
       <h4
-        class="_typography_yh5dq_162 _font-heading-sm-semibold_yh5dq_102"
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
       >
         Client info
         <div
-          class="_separator_144s5_17"
+          class="_separator_7ckbw_8"
           data-kind="section"
           data-orientation="horizontal"
           role="separator"
@@ -482,12 +482,12 @@ exports[`<CompatSessionDetail> > renders a compatability session without an ssoL
           class="flex flex-col min-w-0"
         >
           <h5
-            class="_typography_yh5dq_162 _font-body-sm-regular_yh5dq_40 text-secondary"
+            class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 text-secondary"
           >
             Name
           </h5>
           <p
-            class="_typography_yh5dq_162 _font-body-md-regular_yh5dq_59 text-ellipsis overflow-hidden"
+            class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 text-ellipsis overflow-hidden"
           >
             Unknown device
           </p>
@@ -496,12 +496,12 @@ exports[`<CompatSessionDetail> > renders a compatability session without an ssoL
           class="flex flex-col min-w-0"
         >
           <h5
-            class="_typography_yh5dq_162 _font-body-sm-regular_yh5dq_40 text-secondary"
+            class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 text-secondary"
           >
             Uri
           </h5>
           <p
-            class="_typography_yh5dq_162 _font-body-md-regular_yh5dq_59 text-ellipsis overflow-hidden"
+            class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 text-ellipsis overflow-hidden"
           />
         </li>
       </ul>
@@ -510,7 +510,7 @@ exports[`<CompatSessionDetail> > renders a compatability session without an ssoL
       aria-controls="radix-:r3:"
       aria-expanded="false"
       aria-haspopup="dialog"
-      class="_button_i91xf_17 _has-icon_i91xf_66 _destructive_i91xf_116"
+      class="_button_vczzf_8 _has-icon_vczzf_57 _destructive_vczzf_107"
       data-kind="secondary"
       data-size="lg"
       data-state="closed"
@@ -527,7 +527,7 @@ exports[`<CompatSessionDetail> > renders a compatability session without an ssoL
         xmlns="http://www.w3.org/2000/svg"
       >
         <path
-          d="M7 21c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 5 19V6a.968.968 0 0 1-.713-.287A.968.968 0 0 1 4 5c0-.283.096-.52.287-.713A.968.968 0 0 1 5 4h4a.97.97 0 0 1 .287-.712A.968.968 0 0 1 10 3h4a.97.97 0 0 1 .713.288A.968.968 0 0 1 15 4h4a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.713A.968.968 0 0 1 19 6v13c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 17 21H7ZM7 6v13h10V6H7Zm2 10c0 .283.096.52.287.712.192.192.43.288.713.288s.52-.096.713-.288A.968.968 0 0 0 11 16V9a.967.967 0 0 0-.287-.713A.968.968 0 0 0 10 8a.968.968 0 0 0-.713.287A.968.968 0 0 0 9 9v7Zm4 0c0 .283.096.52.287.712.192.192.43.288.713.288s.52-.096.713-.288A.968.968 0 0 0 15 16V9a.967.967 0 0 0-.287-.713A.968.968 0 0 0 14 8a.968.968 0 0 0-.713.287A.967.967 0 0 0 13 9v7Z"
+          d="M7 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 5 19V6a.97.97 0 0 1-.713-.287A.97.97 0 0 1 4 5q0-.424.287-.713A.97.97 0 0 1 5 4h4q0-.424.287-.712A.97.97 0 0 1 10 3h4q.424 0 .713.288Q15 3.575 15 4h4q.424 0 .712.287Q20 4.576 20 5t-.288.713A.97.97 0 0 1 19 6v13q0 .824-.587 1.413A1.93 1.93 0 0 1 17 21zM7 6v13h10V6zm2 10q0 .424.287.712Q9.576 17 10 17t.713-.288A.97.97 0 0 0 11 16V9a.97.97 0 0 0-.287-.713A.97.97 0 0 0 10 8a.97.97 0 0 0-.713.287A.97.97 0 0 0 9 9zm4 0q0 .424.287.712.288.288.713.288.424 0 .713-.288A.97.97 0 0 0 15 16V9a.97.97 0 0 0-.287-.713A.97.97 0 0 0 14 8a.97.97 0 0 0-.713.287A.97.97 0 0 0 13 9z"
         />
       </svg>
       Remove device
@@ -556,12 +556,12 @@ exports[`<CompatSessionDetail> > renders a finished compatability session detail
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="m13.3 17.3-4.6-4.6a.877.877 0 0 1-.213-.325A1.106 1.106 0 0 1 8.425 12c0-.133.02-.258.062-.375A.878.878 0 0 1 8.7 11.3l4.6-4.6a.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275.948.948 0 0 1 .275.7.948.948 0 0 1-.275.7L10.8 12l3.9 3.9a.949.949 0 0 1 .275.7.948.948 0 0 1-.275.7.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
+            d="m13.3 17.3-4.6-4.6a.9.9 0 0 1-.213-.325A1.1 1.1 0 0 1 8.425 12q0-.2.062-.375A.9.9 0 0 1 8.7 11.3l4.6-4.6a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L10.8 12l3.9 3.9a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
           />
         </svg>
       </a>
       <h3
-        class="_typography_yh5dq_162 _font-heading-md-semibold_yh5dq_121"
+        class="_typography_6v6n8_153 _font-heading-md-semibold_6v6n8_112"
       >
         element.io
         : 
@@ -572,11 +572,11 @@ exports[`<CompatSessionDetail> > renders a finished compatability session detail
       class="flex flex-col gap-6"
     >
       <h4
-        class="_typography_yh5dq_162 _font-heading-sm-semibold_yh5dq_102"
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
       >
         Device details
         <div
-          class="_separator_144s5_17"
+          class="_separator_7ckbw_8"
           data-kind="section"
           data-orientation="horizontal"
           role="separator"
@@ -589,12 +589,12 @@ exports[`<CompatSessionDetail> > renders a finished compatability session detail
           class="flex flex-col min-w-0"
         >
           <h5
-            class="_typography_yh5dq_162 _font-body-sm-regular_yh5dq_40 text-secondary"
+            class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 text-secondary"
           >
             Last Active
           </h5>
           <p
-            class="_typography_yh5dq_162 _font-body-md-regular_yh5dq_59 text-ellipsis overflow-hidden"
+            class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 text-ellipsis overflow-hidden"
           >
             <span
               title="Sat, 29 Jul 2023, 03:35"
@@ -607,12 +607,12 @@ exports[`<CompatSessionDetail> > renders a finished compatability session detail
           class="flex flex-col min-w-0"
         >
           <h5
-            class="_typography_yh5dq_162 _font-body-sm-regular_yh5dq_40 text-secondary"
+            class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 text-secondary"
           >
             Signed in
           </h5>
           <p
-            class="_typography_yh5dq_162 _font-body-md-regular_yh5dq_59 text-ellipsis overflow-hidden"
+            class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 text-ellipsis overflow-hidden"
           >
             <time
               datetime="2023-06-29T03:35:17Z"
@@ -625,12 +625,12 @@ exports[`<CompatSessionDetail> > renders a finished compatability session detail
           class="flex flex-col min-w-0"
         >
           <h5
-            class="_typography_yh5dq_162 _font-body-sm-regular_yh5dq_40 text-secondary"
+            class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 text-secondary"
           >
             Finished
           </h5>
           <p
-            class="_typography_yh5dq_162 _font-body-md-regular_yh5dq_59 text-ellipsis overflow-hidden"
+            class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 text-ellipsis overflow-hidden"
           >
             <time
               datetime="2023-07-29T03:35:17Z"
@@ -643,12 +643,12 @@ exports[`<CompatSessionDetail> > renders a finished compatability session detail
           class="flex flex-col min-w-0"
         >
           <h5
-            class="_typography_yh5dq_162 _font-body-sm-regular_yh5dq_40 text-secondary"
+            class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 text-secondary"
           >
             Device ID
           </h5>
           <p
-            class="_typography_yh5dq_162 _font-body-md-regular_yh5dq_59 text-ellipsis overflow-hidden"
+            class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 text-ellipsis overflow-hidden"
           >
             abcd1234
           </p>
@@ -657,12 +657,12 @@ exports[`<CompatSessionDetail> > renders a finished compatability session detail
           class="flex flex-col min-w-0"
         >
           <h5
-            class="_typography_yh5dq_162 _font-body-sm-regular_yh5dq_40 text-secondary"
+            class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 text-secondary"
           >
             IP Address
           </h5>
           <p
-            class="_typography_yh5dq_162 _font-body-md-regular_yh5dq_59 text-ellipsis overflow-hidden"
+            class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 text-ellipsis overflow-hidden"
           >
             <code>
               1.2.3.4
@@ -674,19 +674,19 @@ exports[`<CompatSessionDetail> > renders a finished compatability session detail
         class="flex flex-col min-w-0"
       >
         <h5
-          class="_typography_yh5dq_162 _font-body-sm-regular_yh5dq_40 text-secondary"
+          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 text-secondary"
         >
           Scopes
         </h5>
         <ul
-          class="_visual-list_4dcf8_17 mt-1"
+          class="_visual-list_15wzx_8 mt-1"
         >
           <li
-            class="_visual-list-item_bqeu7_17"
+            class="_visual-list-item_1ma3e_8"
           >
             <svg
               aria-hidden="true"
-              class="_visual-list-item-icon_bqeu7_26"
+              class="_visual-list-item-icon_1ma3e_17"
               fill="currentColor"
               height="24px"
               viewBox="0 0 24 24"
@@ -694,23 +694,23 @@ exports[`<CompatSessionDetail> > renders a finished compatability session detail
               xmlns="http://www.w3.org/2000/svg"
             >
               <path
-                d="M9.175 13.825C9.958 14.608 10.9 15 12 15s2.042-.392 2.825-1.175C15.608 13.042 16 12.1 16 11s-.392-2.042-1.175-2.825C14.042 7.392 13.1 7 12 7s-2.042.392-2.825 1.175C8.392 8.958 8 9.9 8 11s.392 2.042 1.175 2.825Zm4.237-1.412A1.926 1.926 0 0 1 12 13c-.55 0-1.02-.196-1.412-.588A1.926 1.926 0 0 1 10 11c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 12 9c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412 0 .55-.196 1.02-.588 1.412Z"
+                d="M9.175 13.825Q10.35 15 12 15t2.825-1.175T16 11t-1.175-2.825T12 7 9.175 8.175 8 11t1.175 2.825m4.237-1.412A1.93 1.93 0 0 1 12 13q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 11q0-.825.588-1.412A1.93 1.93 0 0 1 12 9q.825 0 1.412.588Q14 10.175 14 11t-.588 1.412"
               />
               <path
-                d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-2 0a8 8 0 1 0-16 0 8 8 0 0 0 16 0Z"
+                d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10m-2 0a8 8 0 1 0-16 0 8 8 0 0 0 16 0"
               />
               <path
-                d="M16.23 18.792a12.47 12.47 0 0 0-1.455-.455 11.6 11.6 0 0 0-5.55 0c-.487.12-.972.271-1.455.455a8.04 8.04 0 0 1-1.729-1.454c.89-.412 1.794-.729 2.709-.95A13.76 13.76 0 0 1 12 16c1.1 0 2.183.13 3.25.387a14.78 14.78 0 0 1 2.709.95 8.042 8.042 0 0 1-1.73 1.455Z"
+                d="M16.23 18.792a13 13 0 0 0-1.455-.455 11.6 11.6 0 0 0-5.55 0q-.73.18-1.455.455a8 8 0 0 1-1.729-1.454q1.336-.618 2.709-.95A13.8 13.8 0 0 1 12 16q1.65 0 3.25.387 1.373.333 2.709.95a8 8 0 0 1-1.73 1.455"
               />
             </svg>
             See your profile info and contact details
           </li>
           <li
-            class="_visual-list-item_bqeu7_17"
+            class="_visual-list-item_1ma3e_8"
           >
             <svg
               aria-hidden="true"
-              class="_visual-list-item-icon_bqeu7_26"
+              class="_visual-list-item-icon_1ma3e_17"
               fill="currentColor"
               height="24px"
               viewBox="0 0 24 24"
@@ -718,17 +718,17 @@ exports[`<CompatSessionDetail> > renders a finished compatability session detail
               xmlns="http://www.w3.org/2000/svg"
             >
               <path
-                d="m1.5 21.25 1.45-4.95a10.232 10.232 0 0 1-.712-2.1A10.167 10.167 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.099 10.099 0 0 1 2.137-3.175c.9-.9 1.958-1.612 3.175-2.137A9.737 9.737 0 0 1 12 2a9.74 9.74 0 0 1 3.9.788 10.098 10.098 0 0 1 3.175 2.137c.9.9 1.613 1.958 2.137 3.175A9.738 9.738 0 0 1 22 12a9.738 9.738 0 0 1-.788 3.9 10.098 10.098 0 0 1-2.137 3.175c-.9.9-1.958 1.613-3.175 2.137A9.737 9.737 0 0 1 12 22c-.75 0-1.483-.08-2.2-.238a10.23 10.23 0 0 1-2.1-.712L2.75 22.5a.936.936 0 0 1-1-.25.936.936 0 0 1-.25-1Zm2.45-1.2 3.2-.95a.949.949 0 0 1 .275-.063c.1-.008.192-.012.275-.012.15 0 .296.013.438.038.141.024.279.07.412.137a7.435 7.435 0 0 0 1.675.6c.583.133 1.175.2 1.775.2 2.233 0 4.125-.775 5.675-2.325C19.225 16.125 20 14.233 20 12c0-2.233-.775-4.125-2.325-5.675C16.125 4.775 14.233 4 12 4c-2.233 0-4.125.775-5.675 2.325C4.775 7.875 4 9.767 4 12c0 .6.067 1.192.2 1.775s.333 1.142.6 1.675c.117.217.18.446.188.688a2.29 2.29 0 0 1-.088.712l-.95 3.2Z"
+                d="m1.5 21.25 1.45-4.95a10.2 10.2 0 0 1-.712-2.1A10.2 10.2 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22q-1.125 0-2.2-.238a10.2 10.2 0 0 1-2.1-.712L2.75 22.5a.94.94 0 0 1-1-.25.94.94 0 0 1-.25-1m2.45-1.2 3.2-.95a1 1 0 0 1 .275-.062q.15-.013.275-.013.225 0 .438.038.212.036.412.137a7.4 7.4 0 0 0 1.675.6Q11.1 20 12 20q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4 6.325 6.325 4 12q0 .9.2 1.775t.6 1.675q.176.325.188.688t-.088.712z"
               />
             </svg>
             View your existing messages and data
           </li>
           <li
-            class="_visual-list-item_bqeu7_17"
+            class="_visual-list-item_1ma3e_8"
           >
             <svg
               aria-hidden="true"
-              class="_visual-list-item-icon_bqeu7_26"
+              class="_visual-list-item-icon_1ma3e_17"
               fill="currentColor"
               height="24px"
               viewBox="0 0 24 24"
@@ -737,7 +737,7 @@ exports[`<CompatSessionDetail> > renders a finished compatability session detail
             >
               <path
                 clip-rule="evenodd"
-                d="m5.07 20.965 16.141-8.07a1 1 0 0 0 0-1.79l-16.14-8.07c-.785-.392-1.658.343-1.406 1.182l2.249 7.496a1 1 0 0 1 0 .575l-2.249 7.495c-.252.84.621 1.574 1.405 1.182ZM6.246 5.86 18.528 12 6.246 18.141l1.542-5.14h4.462a1 1 0 1 0 0-2H7.788L6.246 5.858Z"
+                d="m5.07 20.965 16.141-8.07a1 1 0 0 0 0-1.79l-16.14-8.07c-.785-.392-1.658.342-1.406 1.182l2.249 7.496a1 1 0 0 1 0 .574l-2.249 7.496c-.252.84.621 1.574 1.405 1.182M6.246 5.859 18.528 12 6.246 18.141 7.788 13h4.462a1 1 0 1 0 0-2H7.788z"
                 fill-rule="evenodd"
               />
             </svg>
@@ -750,11 +750,11 @@ exports[`<CompatSessionDetail> > renders a finished compatability session detail
       class="flex flex-col gap-6"
     >
       <h4
-        class="_typography_yh5dq_162 _font-heading-sm-semibold_yh5dq_102"
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
       >
         Client info
         <div
-          class="_separator_144s5_17"
+          class="_separator_7ckbw_8"
           data-kind="section"
           data-orientation="horizontal"
           role="separator"
@@ -767,12 +767,12 @@ exports[`<CompatSessionDetail> > renders a finished compatability session detail
           class="flex flex-col min-w-0"
         >
           <h5
-            class="_typography_yh5dq_162 _font-body-sm-regular_yh5dq_40 text-secondary"
+            class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 text-secondary"
           >
             Name
           </h5>
           <p
-            class="_typography_yh5dq_162 _font-body-md-regular_yh5dq_59 text-ellipsis overflow-hidden"
+            class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 text-ellipsis overflow-hidden"
           >
             Unknown device
           </p>
@@ -781,12 +781,12 @@ exports[`<CompatSessionDetail> > renders a finished compatability session detail
           class="flex flex-col min-w-0"
         >
           <h5
-            class="_typography_yh5dq_162 _font-body-sm-regular_yh5dq_40 text-secondary"
+            class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 text-secondary"
           >
             Uri
           </h5>
           <p
-            class="_typography_yh5dq_162 _font-body-md-regular_yh5dq_59 text-ellipsis overflow-hidden"
+            class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 text-ellipsis overflow-hidden"
           >
             https://element.io
           </p>
diff --git a/frontend/src/components/SessionDetail/__snapshots__/OAuth2SessionDetail.test.tsx.snap b/frontend/src/components/SessionDetail/__snapshots__/OAuth2SessionDetail.test.tsx.snap
index 3535ea0de..06cba7ac5 100644
--- a/frontend/src/components/SessionDetail/__snapshots__/OAuth2SessionDetail.test.tsx.snap
+++ b/frontend/src/components/SessionDetail/__snapshots__/OAuth2SessionDetail.test.tsx.snap
@@ -20,12 +20,12 @@ exports[`<OAuth2SessionDetail> > renders a finished session details 1`] = `
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="m13.3 17.3-4.6-4.6a.877.877 0 0 1-.213-.325A1.106 1.106 0 0 1 8.425 12c0-.133.02-.258.062-.375A.878.878 0 0 1 8.7 11.3l4.6-4.6a.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275.948.948 0 0 1 .275.7.948.948 0 0 1-.275.7L10.8 12l3.9 3.9a.949.949 0 0 1 .275.7.948.948 0 0 1-.275.7.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
+            d="m13.3 17.3-4.6-4.6a.9.9 0 0 1-.213-.325A1.1 1.1 0 0 1 8.425 12q0-.2.062-.375A.9.9 0 0 1 8.7 11.3l4.6-4.6a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L10.8 12l3.9 3.9a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
           />
         </svg>
       </a>
       <h3
-        class="_typography_yh5dq_162 _font-heading-md-semibold_yh5dq_121"
+        class="_typography_6v6n8_153 _font-heading-md-semibold_6v6n8_112"
       >
         Element: Unknown device
       </h3>
@@ -34,11 +34,11 @@ exports[`<OAuth2SessionDetail> > renders a finished session details 1`] = `
       class="flex flex-col gap-6"
     >
       <h4
-        class="_typography_yh5dq_162 _font-heading-sm-semibold_yh5dq_102"
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
       >
         Device details
         <div
-          class="_separator_144s5_17"
+          class="_separator_7ckbw_8"
           data-kind="section"
           data-orientation="horizontal"
           role="separator"
@@ -51,12 +51,12 @@ exports[`<OAuth2SessionDetail> > renders a finished session details 1`] = `
           class="flex flex-col min-w-0"
         >
           <h5
-            class="_typography_yh5dq_162 _font-body-sm-regular_yh5dq_40 text-secondary"
+            class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 text-secondary"
           >
             Last Active
           </h5>
           <p
-            class="_typography_yh5dq_162 _font-body-md-regular_yh5dq_59 text-ellipsis overflow-hidden"
+            class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 text-ellipsis overflow-hidden"
           >
             <span
               title="Sat, 29 Jul 2023, 03:35"
@@ -69,12 +69,12 @@ exports[`<OAuth2SessionDetail> > renders a finished session details 1`] = `
           class="flex flex-col min-w-0"
         >
           <h5
-            class="_typography_yh5dq_162 _font-body-sm-regular_yh5dq_40 text-secondary"
+            class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 text-secondary"
           >
             Signed in
           </h5>
           <p
-            class="_typography_yh5dq_162 _font-body-md-regular_yh5dq_59 text-ellipsis overflow-hidden"
+            class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 text-ellipsis overflow-hidden"
           >
             <time
               datetime="2023-06-29T03:35:17Z"
@@ -87,12 +87,12 @@ exports[`<OAuth2SessionDetail> > renders a finished session details 1`] = `
           class="flex flex-col min-w-0"
         >
           <h5
-            class="_typography_yh5dq_162 _font-body-sm-regular_yh5dq_40 text-secondary"
+            class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 text-secondary"
           >
             Finished
           </h5>
           <p
-            class="_typography_yh5dq_162 _font-body-md-regular_yh5dq_59 text-ellipsis overflow-hidden"
+            class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 text-ellipsis overflow-hidden"
           >
             <time
               datetime="2023-07-29T03:35:17Z"
@@ -105,12 +105,12 @@ exports[`<OAuth2SessionDetail> > renders a finished session details 1`] = `
           class="flex flex-col min-w-0"
         >
           <h5
-            class="_typography_yh5dq_162 _font-body-sm-regular_yh5dq_40 text-secondary"
+            class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 text-secondary"
           >
             Device ID
           </h5>
           <p
-            class="_typography_yh5dq_162 _font-body-md-regular_yh5dq_59 text-ellipsis overflow-hidden"
+            class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 text-ellipsis overflow-hidden"
           >
             abcd1234
           </p>
@@ -119,12 +119,12 @@ exports[`<OAuth2SessionDetail> > renders a finished session details 1`] = `
           class="flex flex-col min-w-0"
         >
           <h5
-            class="_typography_yh5dq_162 _font-body-sm-regular_yh5dq_40 text-secondary"
+            class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 text-secondary"
           >
             IP Address
           </h5>
           <p
-            class="_typography_yh5dq_162 _font-body-md-regular_yh5dq_59 text-ellipsis overflow-hidden"
+            class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 text-ellipsis overflow-hidden"
           >
             <code>
               1.2.3.4
@@ -136,19 +136,19 @@ exports[`<OAuth2SessionDetail> > renders a finished session details 1`] = `
         class="flex flex-col min-w-0"
       >
         <h5
-          class="_typography_yh5dq_162 _font-body-sm-regular_yh5dq_40 text-secondary"
+          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 text-secondary"
         >
           Scopes
         </h5>
         <ul
-          class="_visual-list_4dcf8_17 mt-1"
+          class="_visual-list_15wzx_8 mt-1"
         >
           <li
-            class="_visual-list-item_bqeu7_17"
+            class="_visual-list-item_1ma3e_8"
           >
             <svg
               aria-hidden="true"
-              class="_visual-list-item-icon_bqeu7_26"
+              class="_visual-list-item-icon_1ma3e_17"
               fill="currentColor"
               height="24px"
               viewBox="0 0 24 24"
@@ -156,23 +156,23 @@ exports[`<OAuth2SessionDetail> > renders a finished session details 1`] = `
               xmlns="http://www.w3.org/2000/svg"
             >
               <path
-                d="M9.175 13.825C9.958 14.608 10.9 15 12 15s2.042-.392 2.825-1.175C15.608 13.042 16 12.1 16 11s-.392-2.042-1.175-2.825C14.042 7.392 13.1 7 12 7s-2.042.392-2.825 1.175C8.392 8.958 8 9.9 8 11s.392 2.042 1.175 2.825Zm4.237-1.412A1.926 1.926 0 0 1 12 13c-.55 0-1.02-.196-1.412-.588A1.926 1.926 0 0 1 10 11c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 12 9c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412 0 .55-.196 1.02-.588 1.412Z"
+                d="M9.175 13.825Q10.35 15 12 15t2.825-1.175T16 11t-1.175-2.825T12 7 9.175 8.175 8 11t1.175 2.825m4.237-1.412A1.93 1.93 0 0 1 12 13q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 11q0-.825.588-1.412A1.93 1.93 0 0 1 12 9q.825 0 1.412.588Q14 10.175 14 11t-.588 1.412"
               />
               <path
-                d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-2 0a8 8 0 1 0-16 0 8 8 0 0 0 16 0Z"
+                d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10m-2 0a8 8 0 1 0-16 0 8 8 0 0 0 16 0"
               />
               <path
-                d="M16.23 18.792a12.47 12.47 0 0 0-1.455-.455 11.6 11.6 0 0 0-5.55 0c-.487.12-.972.271-1.455.455a8.04 8.04 0 0 1-1.729-1.454c.89-.412 1.794-.729 2.709-.95A13.76 13.76 0 0 1 12 16c1.1 0 2.183.13 3.25.387a14.78 14.78 0 0 1 2.709.95 8.042 8.042 0 0 1-1.73 1.455Z"
+                d="M16.23 18.792a13 13 0 0 0-1.455-.455 11.6 11.6 0 0 0-5.55 0q-.73.18-1.455.455a8 8 0 0 1-1.729-1.454q1.336-.618 2.709-.95A13.8 13.8 0 0 1 12 16q1.65 0 3.25.387 1.373.333 2.709.95a8 8 0 0 1-1.73 1.455"
               />
             </svg>
             See your profile info and contact details
           </li>
           <li
-            class="_visual-list-item_bqeu7_17"
+            class="_visual-list-item_1ma3e_8"
           >
             <svg
               aria-hidden="true"
-              class="_visual-list-item-icon_bqeu7_26"
+              class="_visual-list-item-icon_1ma3e_17"
               fill="currentColor"
               height="24px"
               viewBox="0 0 24 24"
@@ -180,17 +180,17 @@ exports[`<OAuth2SessionDetail> > renders a finished session details 1`] = `
               xmlns="http://www.w3.org/2000/svg"
             >
               <path
-                d="m1.5 21.25 1.45-4.95a10.232 10.232 0 0 1-.712-2.1A10.167 10.167 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.099 10.099 0 0 1 2.137-3.175c.9-.9 1.958-1.612 3.175-2.137A9.737 9.737 0 0 1 12 2a9.74 9.74 0 0 1 3.9.788 10.098 10.098 0 0 1 3.175 2.137c.9.9 1.613 1.958 2.137 3.175A9.738 9.738 0 0 1 22 12a9.738 9.738 0 0 1-.788 3.9 10.098 10.098 0 0 1-2.137 3.175c-.9.9-1.958 1.613-3.175 2.137A9.737 9.737 0 0 1 12 22c-.75 0-1.483-.08-2.2-.238a10.23 10.23 0 0 1-2.1-.712L2.75 22.5a.936.936 0 0 1-1-.25.936.936 0 0 1-.25-1Zm2.45-1.2 3.2-.95a.949.949 0 0 1 .275-.063c.1-.008.192-.012.275-.012.15 0 .296.013.438.038.141.024.279.07.412.137a7.435 7.435 0 0 0 1.675.6c.583.133 1.175.2 1.775.2 2.233 0 4.125-.775 5.675-2.325C19.225 16.125 20 14.233 20 12c0-2.233-.775-4.125-2.325-5.675C16.125 4.775 14.233 4 12 4c-2.233 0-4.125.775-5.675 2.325C4.775 7.875 4 9.767 4 12c0 .6.067 1.192.2 1.775s.333 1.142.6 1.675c.117.217.18.446.188.688a2.29 2.29 0 0 1-.088.712l-.95 3.2Z"
+                d="m1.5 21.25 1.45-4.95a10.2 10.2 0 0 1-.712-2.1A10.2 10.2 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22q-1.125 0-2.2-.238a10.2 10.2 0 0 1-2.1-.712L2.75 22.5a.94.94 0 0 1-1-.25.94.94 0 0 1-.25-1m2.45-1.2 3.2-.95a1 1 0 0 1 .275-.062q.15-.013.275-.013.225 0 .438.038.212.036.412.137a7.4 7.4 0 0 0 1.675.6Q11.1 20 12 20q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4 6.325 6.325 4 12q0 .9.2 1.775t.6 1.675q.176.325.188.688t-.088.712z"
               />
             </svg>
             View your existing messages and data
           </li>
           <li
-            class="_visual-list-item_bqeu7_17"
+            class="_visual-list-item_1ma3e_8"
           >
             <svg
               aria-hidden="true"
-              class="_visual-list-item-icon_bqeu7_26"
+              class="_visual-list-item-icon_1ma3e_17"
               fill="currentColor"
               height="24px"
               viewBox="0 0 24 24"
@@ -199,7 +199,7 @@ exports[`<OAuth2SessionDetail> > renders a finished session details 1`] = `
             >
               <path
                 clip-rule="evenodd"
-                d="m5.07 20.965 16.141-8.07a1 1 0 0 0 0-1.79l-16.14-8.07c-.785-.392-1.658.343-1.406 1.182l2.249 7.496a1 1 0 0 1 0 .575l-2.249 7.495c-.252.84.621 1.574 1.405 1.182ZM6.246 5.86 18.528 12 6.246 18.141l1.542-5.14h4.462a1 1 0 1 0 0-2H7.788L6.246 5.858Z"
+                d="m5.07 20.965 16.141-8.07a1 1 0 0 0 0-1.79l-16.14-8.07c-.785-.392-1.658.342-1.406 1.182l2.249 7.496a1 1 0 0 1 0 .574l-2.249 7.496c-.252.84.621 1.574 1.405 1.182M6.246 5.859 18.528 12 6.246 18.141 7.788 13h4.462a1 1 0 1 0 0-2H7.788z"
                 fill-rule="evenodd"
               />
             </svg>
@@ -212,11 +212,11 @@ exports[`<OAuth2SessionDetail> > renders a finished session details 1`] = `
       class="flex flex-col gap-6"
     >
       <h4
-        class="_typography_yh5dq_162 _font-heading-sm-semibold_yh5dq_102"
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
       >
         Client info
         <div
-          class="_separator_144s5_17"
+          class="_separator_7ckbw_8"
           data-kind="section"
           data-orientation="horizontal"
           role="separator"
@@ -229,12 +229,12 @@ exports[`<OAuth2SessionDetail> > renders a finished session details 1`] = `
           class="flex flex-col min-w-0"
         >
           <h5
-            class="_typography_yh5dq_162 _font-body-sm-regular_yh5dq_40 text-secondary"
+            class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 text-secondary"
           >
             Name
           </h5>
           <p
-            class="_typography_yh5dq_162 _font-body-md-regular_yh5dq_59 text-ellipsis overflow-hidden"
+            class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 text-ellipsis overflow-hidden"
           >
             Element
           </p>
@@ -243,12 +243,12 @@ exports[`<OAuth2SessionDetail> > renders a finished session details 1`] = `
           class="flex flex-col min-w-0"
         >
           <h5
-            class="_typography_yh5dq_162 _font-body-sm-regular_yh5dq_40 text-secondary"
+            class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 text-secondary"
           >
             Client ID
           </h5>
           <p
-            class="_typography_yh5dq_162 _font-body-md-regular_yh5dq_59 text-ellipsis overflow-hidden"
+            class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 text-ellipsis overflow-hidden"
           >
             <code>
               test-client-id
@@ -259,12 +259,12 @@ exports[`<OAuth2SessionDetail> > renders a finished session details 1`] = `
           class="flex flex-col min-w-0"
         >
           <h5
-            class="_typography_yh5dq_162 _font-body-sm-regular_yh5dq_40 text-secondary"
+            class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 text-secondary"
           >
             Uri
           </h5>
           <p
-            class="_typography_yh5dq_162 _font-body-md-regular_yh5dq_59 text-ellipsis overflow-hidden"
+            class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 text-ellipsis overflow-hidden"
           >
             <a
               href="https://element.io"
@@ -301,12 +301,12 @@ exports[`<OAuth2SessionDetail> > renders session details 1`] = `
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="m13.3 17.3-4.6-4.6a.877.877 0 0 1-.213-.325A1.106 1.106 0 0 1 8.425 12c0-.133.02-.258.062-.375A.878.878 0 0 1 8.7 11.3l4.6-4.6a.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275.948.948 0 0 1 .275.7.948.948 0 0 1-.275.7L10.8 12l3.9 3.9a.949.949 0 0 1 .275.7.948.948 0 0 1-.275.7.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
+            d="m13.3 17.3-4.6-4.6a.9.9 0 0 1-.213-.325A1.1 1.1 0 0 1 8.425 12q0-.2.062-.375A.9.9 0 0 1 8.7 11.3l4.6-4.6a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L10.8 12l3.9 3.9a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
           />
         </svg>
       </a>
       <h3
-        class="_typography_yh5dq_162 _font-heading-md-semibold_yh5dq_121"
+        class="_typography_6v6n8_153 _font-heading-md-semibold_6v6n8_112"
       >
         Element: Unknown device
       </h3>
@@ -315,11 +315,11 @@ exports[`<OAuth2SessionDetail> > renders session details 1`] = `
       class="flex flex-col gap-6"
     >
       <h4
-        class="_typography_yh5dq_162 _font-heading-sm-semibold_yh5dq_102"
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
       >
         Device details
         <div
-          class="_separator_144s5_17"
+          class="_separator_7ckbw_8"
           data-kind="section"
           data-orientation="horizontal"
           role="separator"
@@ -332,12 +332,12 @@ exports[`<OAuth2SessionDetail> > renders session details 1`] = `
           class="flex flex-col min-w-0"
         >
           <h5
-            class="_typography_yh5dq_162 _font-body-sm-regular_yh5dq_40 text-secondary"
+            class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 text-secondary"
           >
             Last Active
           </h5>
           <p
-            class="_typography_yh5dq_162 _font-body-md-regular_yh5dq_59 text-ellipsis overflow-hidden"
+            class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 text-ellipsis overflow-hidden"
           >
             <span
               title="Sat, 29 Jul 2023, 03:35"
@@ -350,12 +350,12 @@ exports[`<OAuth2SessionDetail> > renders session details 1`] = `
           class="flex flex-col min-w-0"
         >
           <h5
-            class="_typography_yh5dq_162 _font-body-sm-regular_yh5dq_40 text-secondary"
+            class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 text-secondary"
           >
             Signed in
           </h5>
           <p
-            class="_typography_yh5dq_162 _font-body-md-regular_yh5dq_59 text-ellipsis overflow-hidden"
+            class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 text-ellipsis overflow-hidden"
           >
             <time
               datetime="2023-06-29T03:35:17Z"
@@ -368,12 +368,12 @@ exports[`<OAuth2SessionDetail> > renders session details 1`] = `
           class="flex flex-col min-w-0"
         >
           <h5
-            class="_typography_yh5dq_162 _font-body-sm-regular_yh5dq_40 text-secondary"
+            class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 text-secondary"
           >
             Device ID
           </h5>
           <p
-            class="_typography_yh5dq_162 _font-body-md-regular_yh5dq_59 text-ellipsis overflow-hidden"
+            class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 text-ellipsis overflow-hidden"
           >
             abcd1234
           </p>
@@ -382,12 +382,12 @@ exports[`<OAuth2SessionDetail> > renders session details 1`] = `
           class="flex flex-col min-w-0"
         >
           <h5
-            class="_typography_yh5dq_162 _font-body-sm-regular_yh5dq_40 text-secondary"
+            class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 text-secondary"
           >
             IP Address
           </h5>
           <p
-            class="_typography_yh5dq_162 _font-body-md-regular_yh5dq_59 text-ellipsis overflow-hidden"
+            class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 text-ellipsis overflow-hidden"
           >
             <code>
               1.2.3.4
@@ -399,19 +399,19 @@ exports[`<OAuth2SessionDetail> > renders session details 1`] = `
         class="flex flex-col min-w-0"
       >
         <h5
-          class="_typography_yh5dq_162 _font-body-sm-regular_yh5dq_40 text-secondary"
+          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 text-secondary"
         >
           Scopes
         </h5>
         <ul
-          class="_visual-list_4dcf8_17 mt-1"
+          class="_visual-list_15wzx_8 mt-1"
         >
           <li
-            class="_visual-list-item_bqeu7_17"
+            class="_visual-list-item_1ma3e_8"
           >
             <svg
               aria-hidden="true"
-              class="_visual-list-item-icon_bqeu7_26"
+              class="_visual-list-item-icon_1ma3e_17"
               fill="currentColor"
               height="24px"
               viewBox="0 0 24 24"
@@ -419,23 +419,23 @@ exports[`<OAuth2SessionDetail> > renders session details 1`] = `
               xmlns="http://www.w3.org/2000/svg"
             >
               <path
-                d="M9.175 13.825C9.958 14.608 10.9 15 12 15s2.042-.392 2.825-1.175C15.608 13.042 16 12.1 16 11s-.392-2.042-1.175-2.825C14.042 7.392 13.1 7 12 7s-2.042.392-2.825 1.175C8.392 8.958 8 9.9 8 11s.392 2.042 1.175 2.825Zm4.237-1.412A1.926 1.926 0 0 1 12 13c-.55 0-1.02-.196-1.412-.588A1.926 1.926 0 0 1 10 11c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 12 9c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412 0 .55-.196 1.02-.588 1.412Z"
+                d="M9.175 13.825Q10.35 15 12 15t2.825-1.175T16 11t-1.175-2.825T12 7 9.175 8.175 8 11t1.175 2.825m4.237-1.412A1.93 1.93 0 0 1 12 13q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 11q0-.825.588-1.412A1.93 1.93 0 0 1 12 9q.825 0 1.412.588Q14 10.175 14 11t-.588 1.412"
               />
               <path
-                d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-2 0a8 8 0 1 0-16 0 8 8 0 0 0 16 0Z"
+                d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10m-2 0a8 8 0 1 0-16 0 8 8 0 0 0 16 0"
               />
               <path
-                d="M16.23 18.792a12.47 12.47 0 0 0-1.455-.455 11.6 11.6 0 0 0-5.55 0c-.487.12-.972.271-1.455.455a8.04 8.04 0 0 1-1.729-1.454c.89-.412 1.794-.729 2.709-.95A13.76 13.76 0 0 1 12 16c1.1 0 2.183.13 3.25.387a14.78 14.78 0 0 1 2.709.95 8.042 8.042 0 0 1-1.73 1.455Z"
+                d="M16.23 18.792a13 13 0 0 0-1.455-.455 11.6 11.6 0 0 0-5.55 0q-.73.18-1.455.455a8 8 0 0 1-1.729-1.454q1.336-.618 2.709-.95A13.8 13.8 0 0 1 12 16q1.65 0 3.25.387 1.373.333 2.709.95a8 8 0 0 1-1.73 1.455"
               />
             </svg>
             See your profile info and contact details
           </li>
           <li
-            class="_visual-list-item_bqeu7_17"
+            class="_visual-list-item_1ma3e_8"
           >
             <svg
               aria-hidden="true"
-              class="_visual-list-item-icon_bqeu7_26"
+              class="_visual-list-item-icon_1ma3e_17"
               fill="currentColor"
               height="24px"
               viewBox="0 0 24 24"
@@ -443,17 +443,17 @@ exports[`<OAuth2SessionDetail> > renders session details 1`] = `
               xmlns="http://www.w3.org/2000/svg"
             >
               <path
-                d="m1.5 21.25 1.45-4.95a10.232 10.232 0 0 1-.712-2.1A10.167 10.167 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.099 10.099 0 0 1 2.137-3.175c.9-.9 1.958-1.612 3.175-2.137A9.737 9.737 0 0 1 12 2a9.74 9.74 0 0 1 3.9.788 10.098 10.098 0 0 1 3.175 2.137c.9.9 1.613 1.958 2.137 3.175A9.738 9.738 0 0 1 22 12a9.738 9.738 0 0 1-.788 3.9 10.098 10.098 0 0 1-2.137 3.175c-.9.9-1.958 1.613-3.175 2.137A9.737 9.737 0 0 1 12 22c-.75 0-1.483-.08-2.2-.238a10.23 10.23 0 0 1-2.1-.712L2.75 22.5a.936.936 0 0 1-1-.25.936.936 0 0 1-.25-1Zm2.45-1.2 3.2-.95a.949.949 0 0 1 .275-.063c.1-.008.192-.012.275-.012.15 0 .296.013.438.038.141.024.279.07.412.137a7.435 7.435 0 0 0 1.675.6c.583.133 1.175.2 1.775.2 2.233 0 4.125-.775 5.675-2.325C19.225 16.125 20 14.233 20 12c0-2.233-.775-4.125-2.325-5.675C16.125 4.775 14.233 4 12 4c-2.233 0-4.125.775-5.675 2.325C4.775 7.875 4 9.767 4 12c0 .6.067 1.192.2 1.775s.333 1.142.6 1.675c.117.217.18.446.188.688a2.29 2.29 0 0 1-.088.712l-.95 3.2Z"
+                d="m1.5 21.25 1.45-4.95a10.2 10.2 0 0 1-.712-2.1A10.2 10.2 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22q-1.125 0-2.2-.238a10.2 10.2 0 0 1-2.1-.712L2.75 22.5a.94.94 0 0 1-1-.25.94.94 0 0 1-.25-1m2.45-1.2 3.2-.95a1 1 0 0 1 .275-.062q.15-.013.275-.013.225 0 .438.038.212.036.412.137a7.4 7.4 0 0 0 1.675.6Q11.1 20 12 20q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4 6.325 6.325 4 12q0 .9.2 1.775t.6 1.675q.176.325.188.688t-.088.712z"
               />
             </svg>
             View your existing messages and data
           </li>
           <li
-            class="_visual-list-item_bqeu7_17"
+            class="_visual-list-item_1ma3e_8"
           >
             <svg
               aria-hidden="true"
-              class="_visual-list-item-icon_bqeu7_26"
+              class="_visual-list-item-icon_1ma3e_17"
               fill="currentColor"
               height="24px"
               viewBox="0 0 24 24"
@@ -462,7 +462,7 @@ exports[`<OAuth2SessionDetail> > renders session details 1`] = `
             >
               <path
                 clip-rule="evenodd"
-                d="m5.07 20.965 16.141-8.07a1 1 0 0 0 0-1.79l-16.14-8.07c-.785-.392-1.658.343-1.406 1.182l2.249 7.496a1 1 0 0 1 0 .575l-2.249 7.495c-.252.84.621 1.574 1.405 1.182ZM6.246 5.86 18.528 12 6.246 18.141l1.542-5.14h4.462a1 1 0 1 0 0-2H7.788L6.246 5.858Z"
+                d="m5.07 20.965 16.141-8.07a1 1 0 0 0 0-1.79l-16.14-8.07c-.785-.392-1.658.342-1.406 1.182l2.249 7.496a1 1 0 0 1 0 .574l-2.249 7.496c-.252.84.621 1.574 1.405 1.182M6.246 5.859 18.528 12 6.246 18.141 7.788 13h4.462a1 1 0 1 0 0-2H7.788z"
                 fill-rule="evenodd"
               />
             </svg>
@@ -475,11 +475,11 @@ exports[`<OAuth2SessionDetail> > renders session details 1`] = `
       class="flex flex-col gap-6"
     >
       <h4
-        class="_typography_yh5dq_162 _font-heading-sm-semibold_yh5dq_102"
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
       >
         Client info
         <div
-          class="_separator_144s5_17"
+          class="_separator_7ckbw_8"
           data-kind="section"
           data-orientation="horizontal"
           role="separator"
@@ -492,12 +492,12 @@ exports[`<OAuth2SessionDetail> > renders session details 1`] = `
           class="flex flex-col min-w-0"
         >
           <h5
-            class="_typography_yh5dq_162 _font-body-sm-regular_yh5dq_40 text-secondary"
+            class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 text-secondary"
           >
             Name
           </h5>
           <p
-            class="_typography_yh5dq_162 _font-body-md-regular_yh5dq_59 text-ellipsis overflow-hidden"
+            class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 text-ellipsis overflow-hidden"
           >
             Element
           </p>
@@ -506,12 +506,12 @@ exports[`<OAuth2SessionDetail> > renders session details 1`] = `
           class="flex flex-col min-w-0"
         >
           <h5
-            class="_typography_yh5dq_162 _font-body-sm-regular_yh5dq_40 text-secondary"
+            class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 text-secondary"
           >
             Client ID
           </h5>
           <p
-            class="_typography_yh5dq_162 _font-body-md-regular_yh5dq_59 text-ellipsis overflow-hidden"
+            class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 text-ellipsis overflow-hidden"
           >
             <code>
               test-client-id
@@ -522,12 +522,12 @@ exports[`<OAuth2SessionDetail> > renders session details 1`] = `
           class="flex flex-col min-w-0"
         >
           <h5
-            class="_typography_yh5dq_162 _font-body-sm-regular_yh5dq_40 text-secondary"
+            class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 text-secondary"
           >
             Uri
           </h5>
           <p
-            class="_typography_yh5dq_162 _font-body-md-regular_yh5dq_59 text-ellipsis overflow-hidden"
+            class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 text-ellipsis overflow-hidden"
           >
             <a
               href="https://element.io"
@@ -544,7 +544,7 @@ exports[`<OAuth2SessionDetail> > renders session details 1`] = `
       aria-controls="radix-:r0:"
       aria-expanded="false"
       aria-haspopup="dialog"
-      class="_button_i91xf_17 _has-icon_i91xf_66 _destructive_i91xf_116"
+      class="_button_vczzf_8 _has-icon_vczzf_57 _destructive_vczzf_107"
       data-kind="secondary"
       data-size="lg"
       data-state="closed"
@@ -561,7 +561,7 @@ exports[`<OAuth2SessionDetail> > renders session details 1`] = `
         xmlns="http://www.w3.org/2000/svg"
       >
         <path
-          d="M7 21c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 5 19V6a.968.968 0 0 1-.713-.287A.968.968 0 0 1 4 5c0-.283.096-.52.287-.713A.968.968 0 0 1 5 4h4a.97.97 0 0 1 .287-.712A.968.968 0 0 1 10 3h4a.97.97 0 0 1 .713.288A.968.968 0 0 1 15 4h4a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.713A.968.968 0 0 1 19 6v13c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 17 21H7ZM7 6v13h10V6H7Zm2 10c0 .283.096.52.287.712.192.192.43.288.713.288s.52-.096.713-.288A.968.968 0 0 0 11 16V9a.967.967 0 0 0-.287-.713A.968.968 0 0 0 10 8a.968.968 0 0 0-.713.287A.968.968 0 0 0 9 9v7Zm4 0c0 .283.096.52.287.712.192.192.43.288.713.288s.52-.096.713-.288A.968.968 0 0 0 15 16V9a.967.967 0 0 0-.287-.713A.968.968 0 0 0 14 8a.968.968 0 0 0-.713.287A.967.967 0 0 0 13 9v7Z"
+          d="M7 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 5 19V6a.97.97 0 0 1-.713-.287A.97.97 0 0 1 4 5q0-.424.287-.713A.97.97 0 0 1 5 4h4q0-.424.287-.712A.97.97 0 0 1 10 3h4q.424 0 .713.288Q15 3.575 15 4h4q.424 0 .712.287Q20 4.576 20 5t-.288.713A.97.97 0 0 1 19 6v13q0 .824-.587 1.413A1.93 1.93 0 0 1 17 21zM7 6v13h10V6zm2 10q0 .424.287.712Q9.576 17 10 17t.713-.288A.97.97 0 0 0 11 16V9a.97.97 0 0 0-.287-.713A.97.97 0 0 0 10 8a.97.97 0 0 0-.713.287A.97.97 0 0 0 9 9zm4 0q0 .424.287.712.288.288.713.288.424 0 .713-.288A.97.97 0 0 0 15 16V9a.97.97 0 0 0-.287-.713A.97.97 0 0 0 14 8a.97.97 0 0 0-.713.287A.97.97 0 0 0 13 9z"
         />
       </svg>
       Remove device
diff --git a/frontend/src/components/SessionDetail/__snapshots__/SessionHeader.test.tsx.snap b/frontend/src/components/SessionDetail/__snapshots__/SessionHeader.test.tsx.snap
index 27a7cc094..06dbb95dd 100644
--- a/frontend/src/components/SessionDetail/__snapshots__/SessionHeader.test.tsx.snap
+++ b/frontend/src/components/SessionDetail/__snapshots__/SessionHeader.test.tsx.snap
@@ -19,12 +19,12 @@ exports[`<SessionHeader /> > renders a session header 1`] = `
         xmlns="http://www.w3.org/2000/svg"
       >
         <path
-          d="m13.3 17.3-4.6-4.6a.877.877 0 0 1-.213-.325A1.106 1.106 0 0 1 8.425 12c0-.133.02-.258.062-.375A.878.878 0 0 1 8.7 11.3l4.6-4.6a.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275.948.948 0 0 1 .275.7.948.948 0 0 1-.275.7L10.8 12l3.9 3.9a.949.949 0 0 1 .275.7.948.948 0 0 1-.275.7.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
+          d="m13.3 17.3-4.6-4.6a.9.9 0 0 1-.213-.325A1.1 1.1 0 0 1 8.425 12q0-.2.062-.375A.9.9 0 0 1 8.7 11.3l4.6-4.6a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L10.8 12l3.9 3.9a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
         />
       </svg>
     </a>
     <h3
-      class="_typography_yh5dq_162 _font-heading-md-semibold_yh5dq_121"
+      class="_typography_6v6n8_153 _font-heading-md-semibold_6v6n8_112"
     >
       Chrome on iOS
     </h3>
diff --git a/frontend/src/components/UserSessionsOverview/__snapshots__/BrowserSessionsOverview.test.tsx.snap b/frontend/src/components/UserSessionsOverview/__snapshots__/BrowserSessionsOverview.test.tsx.snap
index 390ae0611..32e056e81 100644
--- a/frontend/src/components/UserSessionsOverview/__snapshots__/BrowserSessionsOverview.test.tsx.snap
+++ b/frontend/src/components/UserSessionsOverview/__snapshots__/BrowserSessionsOverview.test.tsx.snap
@@ -9,18 +9,18 @@ exports[`BrowserSessionsOverview > renders with no browser sessions 1`] = `
       class="flex flex-1 flex-col"
     >
       <h5
-        class="_typography_yh5dq_162 _font-body-lg-semibold_yh5dq_83"
+        class="_typography_6v6n8_153 _font-body-lg-semibold_6v6n8_74"
       >
         Browsers
       </h5>
       <p
-        class="_typography_yh5dq_162 _font-body-md-regular_yh5dq_59"
+        class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50"
       >
         0 active sessions
       </p>
     </div>
     <a
-      class="_link_ue21z_17"
+      class="_link_1v5rz_8"
       data-kind="primary"
       data-size="medium"
       href="/sessions/browsers"
@@ -41,18 +41,18 @@ exports[`BrowserSessionsOverview > renders with sessions 1`] = `
       class="flex flex-1 flex-col"
     >
       <h5
-        class="_typography_yh5dq_162 _font-body-lg-semibold_yh5dq_83"
+        class="_typography_6v6n8_153 _font-body-lg-semibold_6v6n8_74"
       >
         Browsers
       </h5>
       <p
-        class="_typography_yh5dq_162 _font-body-md-regular_yh5dq_59"
+        class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50"
       >
         2 active sessions
       </p>
     </div>
     <a
-      class="_link_ue21z_17"
+      class="_link_1v5rz_8"
       data-kind="primary"
       data-size="medium"
       href="/sessions/browsers"
diff --git a/frontend/src/components/__snapshots__/CompatSession.test.tsx.snap b/frontend/src/components/__snapshots__/CompatSession.test.tsx.snap
index 0421e8bd3..8a32d2449 100644
--- a/frontend/src/components/__snapshots__/CompatSession.test.tsx.snap
+++ b/frontend/src/components/__snapshots__/CompatSession.test.tsx.snap
@@ -24,10 +24,10 @@ exports[`<CompatSession /> > renders a finished session 1`] = `
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M5 21c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 3 19V5c0-.55.196-1.02.587-1.413A1.926 1.926 0 0 1 5 3h14c.55 0 1.02.196 1.413.587.39.393.587.863.587 1.413v14c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 19 21H5Zm0-2h14V5H5v14Z"
+            d="M5 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.587-1.412A1.93 1.93 0 0 1 5 3h14q.824 0 1.413.587Q21 4.176 21 5v14q0 .824-.587 1.413A1.93 1.93 0 0 1 19 21zm0-2h14V5H5z"
           />
           <path
-            d="M11 10a1 1 0 1 1 1.479.878c-.31.17-.659.413-.94.741-.286.334-.539.8-.539 1.381a1 1 0 0 0 2 .006.3.3 0 0 1 .057-.085 1.39 1.39 0 0 1 .382-.288A3 3 0 1 0 9 10a1 1 0 1 0 2 0Zm1.999 3.011v-.004.005ZM12 17a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"
+            d="M11 10a1 1 0 1 1 1.479.878c-.31.17-.659.413-.94.741-.286.334-.539.8-.539 1.381a1 1 0 0 0 2 .006.3.3 0 0 1 .057-.085 1.4 1.4 0 0 1 .382-.288A3 3 0 1 0 9 10a1 1 0 1 0 2 0m1.999 3.012v-.005zM12 17a1 1 0 1 0 0-2 1 1 0 0 0 0 2"
           />
         </svg>
         <div
@@ -104,10 +104,10 @@ exports[`<CompatSession /> > renders an active session 1`] = `
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M5 21c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 3 19V5c0-.55.196-1.02.587-1.413A1.926 1.926 0 0 1 5 3h14c.55 0 1.02.196 1.413.587.39.393.587.863.587 1.413v14c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 19 21H5Zm0-2h14V5H5v14Z"
+            d="M5 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.587-1.412A1.93 1.93 0 0 1 5 3h14q.824 0 1.413.587Q21 4.176 21 5v14q0 .824-.587 1.413A1.93 1.93 0 0 1 19 21zm0-2h14V5H5z"
           />
           <path
-            d="M11 10a1 1 0 1 1 1.479.878c-.31.17-.659.413-.94.741-.286.334-.539.8-.539 1.381a1 1 0 0 0 2 .006.3.3 0 0 1 .057-.085 1.39 1.39 0 0 1 .382-.288A3 3 0 1 0 9 10a1 1 0 1 0 2 0Zm1.999 3.011v-.004.005ZM12 17a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"
+            d="M11 10a1 1 0 1 1 1.479.878c-.31.17-.659.413-.94.741-.286.334-.539.8-.539 1.381a1 1 0 0 0 2 .006.3.3 0 0 1 .057-.085 1.4 1.4 0 0 1 .382-.288A3 3 0 1 0 9 10a1 1 0 1 0 2 0m1.999 3.012v-.005zM12 17a1 1 0 1 0 0-2 1 1 0 0 0 0 2"
           />
         </svg>
         <div
@@ -165,7 +165,7 @@ exports[`<CompatSession /> > renders an active session 1`] = `
         aria-controls="radix-:r0:"
         aria-expanded="false"
         aria-haspopup="dialog"
-        class="_button_i91xf_17 _has-icon_i91xf_66 _destructive_i91xf_116"
+        class="_button_vczzf_8 _has-icon_vczzf_57 _destructive_vczzf_107"
         data-kind="secondary"
         data-size="sm"
         data-state="closed"
@@ -182,7 +182,7 @@ exports[`<CompatSession /> > renders an active session 1`] = `
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M7 21c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 5 19V6a.968.968 0 0 1-.713-.287A.968.968 0 0 1 4 5c0-.283.096-.52.287-.713A.968.968 0 0 1 5 4h4a.97.97 0 0 1 .287-.712A.968.968 0 0 1 10 3h4a.97.97 0 0 1 .713.288A.968.968 0 0 1 15 4h4a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.713A.968.968 0 0 1 19 6v13c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 17 21H7ZM7 6v13h10V6H7Zm2 10c0 .283.096.52.287.712.192.192.43.288.713.288s.52-.096.713-.288A.968.968 0 0 0 11 16V9a.967.967 0 0 0-.287-.713A.968.968 0 0 0 10 8a.968.968 0 0 0-.713.287A.968.968 0 0 0 9 9v7Zm4 0c0 .283.096.52.287.712.192.192.43.288.713.288s.52-.096.713-.288A.968.968 0 0 0 15 16V9a.967.967 0 0 0-.287-.713A.968.968 0 0 0 14 8a.968.968 0 0 0-.713.287A.967.967 0 0 0 13 9v7Z"
+            d="M7 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 5 19V6a.97.97 0 0 1-.713-.287A.97.97 0 0 1 4 5q0-.424.287-.713A.97.97 0 0 1 5 4h4q0-.424.287-.712A.97.97 0 0 1 10 3h4q.424 0 .713.288Q15 3.575 15 4h4q.424 0 .712.287Q20 4.576 20 5t-.288.713A.97.97 0 0 1 19 6v13q0 .824-.587 1.413A1.93 1.93 0 0 1 17 21zM7 6v13h10V6zm2 10q0 .424.287.712Q9.576 17 10 17t.713-.288A.97.97 0 0 0 11 16V9a.97.97 0 0 0-.287-.713A.97.97 0 0 0 10 8a.97.97 0 0 0-.713.287A.97.97 0 0 0 9 9zm4 0q0 .424.287.712.288.288.713.288.424 0 .713-.288A.97.97 0 0 0 15 16V9a.97.97 0 0 0-.287-.713A.97.97 0 0 0 14 8a.97.97 0 0 0-.713.287A.97.97 0 0 0 13 9z"
           />
         </svg>
         Remove device
diff --git a/frontend/src/components/__snapshots__/OAuth2Session.test.tsx.snap b/frontend/src/components/__snapshots__/OAuth2Session.test.tsx.snap
index 1c27b6b89..153282753 100644
--- a/frontend/src/components/__snapshots__/OAuth2Session.test.tsx.snap
+++ b/frontend/src/components/__snapshots__/OAuth2Session.test.tsx.snap
@@ -24,7 +24,7 @@ exports[`<OAuth2Session /> > renders a finished session 1`] = `
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M4 18c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 2 16V5c0-.55.196-1.02.587-1.413A1.926 1.926 0 0 1 4 3h16c.55 0 1.02.196 1.413.587.39.393.587.863.587 1.413v11c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 20 18H4Zm0-2h16V5H4v11Zm-2 5a.967.967 0 0 1-.712-.288A.968.968 0 0 1 1 20c0-.283.096-.52.288-.712A.967.967 0 0 1 2 19h20c.283 0 .52.096.712.288.192.191.288.429.288.712s-.096.52-.288.712A.968.968 0 0 1 22 21H2Z"
+            d="M4 18q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 16V5q0-.824.587-1.412A1.93 1.93 0 0 1 4 3h16q.824 0 1.413.587Q22 4.176 22 5v11q0 .824-.587 1.413A1.93 1.93 0 0 1 20 18zm0-2h16V5H4zm-2 5a.97.97 0 0 1-.712-.288A.97.97 0 0 1 1 20q0-.424.288-.712A.97.97 0 0 1 2 19h20q.424 0 .712.288.288.287.288.712 0 .424-.288.712A.97.97 0 0 1 22 21z"
           />
         </svg>
         <div
@@ -101,7 +101,7 @@ exports[`<OAuth2Session /> > renders an active session 1`] = `
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M4 18c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 2 16V5c0-.55.196-1.02.587-1.413A1.926 1.926 0 0 1 4 3h16c.55 0 1.02.196 1.413.587.39.393.587.863.587 1.413v11c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 20 18H4Zm0-2h16V5H4v11Zm-2 5a.967.967 0 0 1-.712-.288A.968.968 0 0 1 1 20c0-.283.096-.52.288-.712A.967.967 0 0 1 2 19h20c.283 0 .52.096.712.288.192.191.288.429.288.712s-.096.52-.288.712A.968.968 0 0 1 22 21H2Z"
+            d="M4 18q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 16V5q0-.824.587-1.412A1.93 1.93 0 0 1 4 3h16q.824 0 1.413.587Q22 4.176 22 5v11q0 .824-.587 1.413A1.93 1.93 0 0 1 20 18zm0-2h16V5H4zm-2 5a.97.97 0 0 1-.712-.288A.97.97 0 0 1 1 20q0-.424.288-.712A.97.97 0 0 1 2 19h20q.424 0 .712.288.288.287.288.712 0 .424-.288.712A.97.97 0 0 1 22 21z"
           />
         </svg>
         <div
@@ -159,7 +159,7 @@ exports[`<OAuth2Session /> > renders an active session 1`] = `
         aria-controls="radix-:r0:"
         aria-expanded="false"
         aria-haspopup="dialog"
-        class="_button_i91xf_17 _has-icon_i91xf_66 _destructive_i91xf_116"
+        class="_button_vczzf_8 _has-icon_vczzf_57 _destructive_vczzf_107"
         data-kind="secondary"
         data-size="sm"
         data-state="closed"
@@ -176,7 +176,7 @@ exports[`<OAuth2Session /> > renders an active session 1`] = `
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M7 21c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 5 19V6a.968.968 0 0 1-.713-.287A.968.968 0 0 1 4 5c0-.283.096-.52.287-.713A.968.968 0 0 1 5 4h4a.97.97 0 0 1 .287-.712A.968.968 0 0 1 10 3h4a.97.97 0 0 1 .713.288A.968.968 0 0 1 15 4h4a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.713A.968.968 0 0 1 19 6v13c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 17 21H7ZM7 6v13h10V6H7Zm2 10c0 .283.096.52.287.712.192.192.43.288.713.288s.52-.096.713-.288A.968.968 0 0 0 11 16V9a.967.967 0 0 0-.287-.713A.968.968 0 0 0 10 8a.968.968 0 0 0-.713.287A.968.968 0 0 0 9 9v7Zm4 0c0 .283.096.52.287.712.192.192.43.288.713.288s.52-.096.713-.288A.968.968 0 0 0 15 16V9a.967.967 0 0 0-.287-.713A.968.968 0 0 0 14 8a.968.968 0 0 0-.713.287A.967.967 0 0 0 13 9v7Z"
+            d="M7 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 5 19V6a.97.97 0 0 1-.713-.287A.97.97 0 0 1 4 5q0-.424.287-.713A.97.97 0 0 1 5 4h4q0-.424.287-.712A.97.97 0 0 1 10 3h4q.424 0 .713.288Q15 3.575 15 4h4q.424 0 .712.287Q20 4.576 20 5t-.288.713A.97.97 0 0 1 19 6v13q0 .824-.587 1.413A1.93 1.93 0 0 1 17 21zM7 6v13h10V6zm2 10q0 .424.287.712Q9.576 17 10 17t.713-.288A.97.97 0 0 0 11 16V9a.97.97 0 0 0-.287-.713A.97.97 0 0 0 10 8a.97.97 0 0 0-.713.287A.97.97 0 0 0 9 9zm4 0q0 .424.287.712.288.288.713.288.424 0 .713-.288A.97.97 0 0 0 15 16V9a.97.97 0 0 0-.287-.713A.97.97 0 0 0 14 8a.97.97 0 0 0-.713.287A.97.97 0 0 0 13 9z"
           />
         </svg>
         Remove device
@@ -210,7 +210,7 @@ exports[`<OAuth2Session /> > renders correct icon for a native session 1`] = `
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M7 23c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 5 21V3c0-.55.196-1.02.588-1.413A1.926 1.926 0 0 1 7 1h10c.55 0 1.02.196 1.413.587.39.393.587.863.587 1.413v18c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 17 23H7Zm0-5h10V6H7v12Z"
+            d="M7 23q-.824 0-1.412-.587A1.93 1.93 0 0 1 5 21V3q0-.824.588-1.412A1.93 1.93 0 0 1 7 1h10q.824 0 1.413.587Q19 2.176 19 3v18q0 .824-.587 1.413A1.93 1.93 0 0 1 17 23zm0-5h10V6H7z"
           />
         </svg>
         <div
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 ebcca2cf5..06c4756ad 100644
--- a/frontend/tests/routes/__snapshots__/reset-cross-signing.test.tsx.snap
+++ b/frontend/tests/routes/__snapshots__/reset-cross-signing.test.tsx.snap
@@ -19,7 +19,7 @@ exports[`Reset cross signing > renders the cancelled page 1`] = `
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M4.917 2.083a1 1 0 0 0-1.414 1.414L6.07 6.064c-1.27.18-2.377.743-3.32 1.686C1.583 8.917 1 10.333 1 12c0 1.667.583 3.083 1.75 4.25C3.917 17.417 5.333 18 7 18a5.863 5.863 0 0 0 3.475-1.1A5.81 5.81 0 0 0 12.65 14H13l1.3 1.3c.1.1.208.17.325.213.117.041.242.062.375.062s.258-.02.375-.062a.782.782 0 0 0 .1-.044l5.028 5.028a1 1 0 0 0 1.414-1.414l-17-17Zm.67 11.33A1.926 1.926 0 0 1 5 12c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 7 10c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412 0 .55-.196 1.02-.588 1.413A1.926 1.926 0 0 1 7 14c-.55 0-1.02-.196-1.412-.587Zm14.9 1.423L15.65 10h4.95a1.033 1.033 0 0 1 .725.3l1.025 1.025c.083.083.15.18.2.288.05.108.075.229.075.362a1.067 1.067 0 0 1-.25.7l-1.888 2.16Z"
+            d="M4.917 2.083a1 1 0 0 0-1.414 1.414L6.07 6.064q-1.905.27-3.32 1.686Q1 9.5 1 12t1.75 4.25T7 18a5.86 5.86 0 0 0 3.475-1.1A5.8 5.8 0 0 0 12.65 14H13l1.3 1.3q.15.15.325.213.175.062.375.062t.375-.062a1 1 0 0 0 .1-.044l5.028 5.028a1 1 0 0 0 1.414-1.414zm.67 11.33A1.93 1.93 0 0 1 5 12q0-.825.588-1.412A1.93 1.93 0 0 1 7 10q.824 0 1.412.588Q9 11.175 9 12q0 .824-.588 1.413A1.93 1.93 0 0 1 7 14q-.824 0-1.412-.587m14.899 1.423L15.65 10h4.95q.2 0 .387.075.189.075.338.225l1.025 1.025q.125.125.2.288t.075.362-.062.375a1.1 1.1 0 0 1-.188.325z"
           />
         </svg>
       </div>
@@ -34,12 +34,12 @@ exports[`Reset cross signing > renders the cancelled page 1`] = `
       </div>
     </header>
     <p
-      class="_typography_yh5dq_162 _font-body-lg-regular_yh5dq_78 text-center text-secondary"
+      class="_typography_6v6n8_153 _font-body-lg-regular_6v6n8_69 text-center text-secondary"
     >
       You can close this window and go back to the app to continue.
     </p>
     <p
-      class="_typography_yh5dq_162 _font-body-lg-regular_yh5dq_78 text-center text-secondary"
+      class="_typography_6v6n8_153 _font-body-lg-regular_6v6n8_69 text-center text-secondary"
     >
       If you're signed out everywhere and don't remember your recovery code, you'll still need to reset your identity.
     </p>
@@ -66,7 +66,7 @@ exports[`Reset cross signing > renders the deep link page 1`] = `
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M12 17a.97.97 0 0 0 .713-.288A.968.968 0 0 0 13 16a.968.968 0 0 0-.287-.713A.968.968 0 0 0 12 15a.968.968 0 0 0-.713.287A.968.968 0 0 0 11 16c0 .283.096.52.287.712.192.192.43.288.713.288Zm0-4c.283 0 .52-.096.713-.287A.968.968 0 0 0 13 12V8a.967.967 0 0 0-.287-.713A.968.968 0 0 0 12 7a.968.968 0 0 0-.713.287A.967.967 0 0 0 11 8v4c0 .283.096.52.287.713.192.191.43.287.713.287Zm0 9a9.738 9.738 0 0 1-3.9-.788 10.099 10.099 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.738 9.738 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.099 10.099 0 0 1 2.137-3.175c.9-.9 1.958-1.612 3.175-2.137A9.738 9.738 0 0 1 12 2a9.74 9.74 0 0 1 3.9.788 10.098 10.098 0 0 1 3.175 2.137c.9.9 1.613 1.958 2.137 3.175A9.738 9.738 0 0 1 22 12a9.738 9.738 0 0 1-.788 3.9 10.098 10.098 0 0 1-2.137 3.175c-.9.9-1.958 1.613-3.175 2.137A9.738 9.738 0 0 1 12 22Z"
+            d="M12 17q.424 0 .713-.288A.97.97 0 0 0 13 16a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 15a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 16q0 .424.287.712.288.288.713.288m0-4q.424 0 .713-.287A.97.97 0 0 0 13 12V8a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 7a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 8v4q0 .424.287.713.288.287.713.287m0 9a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22"
           />
         </svg>
       </div>
@@ -81,19 +81,19 @@ exports[`Reset cross signing > renders the deep link page 1`] = `
       </div>
     </header>
     <p
-      class="_typography_yh5dq_162 _font-body-md-regular_yh5dq_59 text-center text-secondary"
+      class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 text-center text-secondary"
     >
       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_4dcf8_17"
+      class="_visual-list_15wzx_8"
     >
       <li
-        class="_visual-list-item_bqeu7_17"
+        class="_visual-list-item_1ma3e_8"
       >
         <svg
           aria-hidden="true"
-          class="_visual-list-item-icon_bqeu7_26 _visual-list-item-icon-success_bqeu7_31"
+          class="_visual-list-item-icon_1ma3e_17 _visual-list-item-icon-success_1ma3e_22"
           fill="currentColor"
           height="24px"
           viewBox="0 0 24 24"
@@ -101,17 +101,17 @@ exports[`Reset cross signing > renders the deep link page 1`] = `
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M9.55 17.575c-.133 0-.258-.02-.375-.063a.876.876 0 0 1-.325-.212L4.55 13c-.183-.183-.27-.42-.263-.713.009-.291.105-.529.288-.712a.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275L9.55 15.15l8.475-8.475c.183-.183.42-.275.713-.275.291 0 .529.092.712.275.183.183.275.42.275.713 0 .291-.092.529-.275.712l-9.2 9.2c-.1.1-.208.17-.325.212a1.106 1.106 0 0 1-.375.063Z"
+            d="M9.55 17.575q-.2 0-.375-.062a.9.9 0 0 1-.325-.213L4.55 13q-.274-.274-.262-.713.012-.437.287-.712a.95.95 0 0 1 .7-.275q.425 0 .7.275L9.55 15.15l8.475-8.475q.274-.275.713-.275.437 0 .712.275.275.274.275.713 0 .437-.275.712l-9.2 9.2q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063"
           />
         </svg>
         Your account details, contacts, preferences, and chat list will be kept
       </li>
       <li
-        class="_visual-list-item_bqeu7_17"
+        class="_visual-list-item_1ma3e_8"
       >
         <svg
           aria-hidden="true"
-          class="_visual-list-item-icon_bqeu7_26"
+          class="_visual-list-item-icon_1ma3e_17"
           fill="currentColor"
           height="24px"
           viewBox="0 0 24 24"
@@ -119,22 +119,22 @@ exports[`Reset cross signing > renders the deep link page 1`] = `
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M11.287 7.287A.968.968 0 0 1 12 7c.283 0 .52.096.713.287.191.192.287.43.287.713s-.096.52-.287.713A.968.968 0 0 1 12 9a.968.968 0 0 1-.713-.287A.967.967 0 0 1 11 8c0-.283.096-.52.287-.713Zm0 4A.968.968 0 0 1 12 11c.283 0 .52.096.713.287.191.192.287.43.287.713v4a.97.97 0 0 1-.287.712A.968.968 0 0 1 12 17a.968.968 0 0 1-.713-.288A.968.968 0 0 1 11 16v-4c0-.283.096-.52.287-.713Z"
+            d="M11.288 7.288A.97.97 0 0 1 12 7q.424 0 .713.287Q13 7.576 13 8t-.287.713A.97.97 0 0 1 12 9a.97.97 0 0 1-.713-.287A.97.97 0 0 1 11 8q0-.424.287-.713m.001 4.001A.97.97 0 0 1 12 11q.424 0 .713.287.287.288.287.713v4q0 .424-.287.712A.97.97 0 0 1 12 17a.97.97 0 0 1-.713-.288A.97.97 0 0 1 11 16v-4q0-.424.287-.713"
           />
           <path
             clip-rule="evenodd"
-            d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-2 0a8 8 0 1 1-16 0 8 8 0 0 1 16 0Z"
+            d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10m-2 0a8 8 0 1 1-16 0 8 8 0 0 1 16 0"
             fill-rule="evenodd"
           />
         </svg>
         You will lose any message history that's stored only on the server
       </li>
       <li
-        class="_visual-list-item_bqeu7_17"
+        class="_visual-list-item_1ma3e_8"
       >
         <svg
           aria-hidden="true"
-          class="_visual-list-item-icon_bqeu7_26"
+          class="_visual-list-item-icon_1ma3e_17"
           fill="currentColor"
           height="24px"
           viewBox="0 0 24 24"
@@ -142,11 +142,11 @@ exports[`Reset cross signing > renders the deep link page 1`] = `
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M11.287 7.287A.968.968 0 0 1 12 7c.283 0 .52.096.713.287.191.192.287.43.287.713s-.096.52-.287.713A.968.968 0 0 1 12 9a.968.968 0 0 1-.713-.287A.967.967 0 0 1 11 8c0-.283.096-.52.287-.713Zm0 4A.968.968 0 0 1 12 11c.283 0 .52.096.713.287.191.192.287.43.287.713v4a.97.97 0 0 1-.287.712A.968.968 0 0 1 12 17a.968.968 0 0 1-.713-.288A.968.968 0 0 1 11 16v-4c0-.283.096-.52.287-.713Z"
+            d="M11.288 7.288A.97.97 0 0 1 12 7q.424 0 .713.287Q13 7.576 13 8t-.287.713A.97.97 0 0 1 12 9a.97.97 0 0 1-.713-.287A.97.97 0 0 1 11 8q0-.424.287-.713m.001 4.001A.97.97 0 0 1 12 11q.424 0 .713.287.287.288.287.713v4q0 .424-.287.712A.97.97 0 0 1 12 17a.97.97 0 0 1-.713-.288A.97.97 0 0 1 11 16v-4q0-.424.287-.713"
           />
           <path
             clip-rule="evenodd"
-            d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-2 0a8 8 0 1 1-16 0 8 8 0 0 1 16 0Z"
+            d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10m-2 0a8 8 0 1 1-16 0 8 8 0 0 1 16 0"
             fill-rule="evenodd"
           />
         </svg>
@@ -154,13 +154,13 @@ exports[`Reset cross signing > renders the deep link page 1`] = `
       </li>
     </ul>
     <p
-      class="_typography_yh5dq_162 _font-body-md-semibold_yh5dq_64 text-center"
+      class="_typography_6v6n8_153 _font-body-md-semibold_6v6n8_55 text-center"
     >
       Only reset your identity if you don't have access to another signed-in device and you've lost your recovery key.
     </p>
     <button
       aria-disabled="false"
-      class="_button_i91xf_17 _destructive_i91xf_116"
+      class="_button_vczzf_8 _destructive_vczzf_107"
       data-kind="primary"
       data-size="lg"
       role="button"
@@ -170,7 +170,7 @@ exports[`Reset cross signing > renders the deep link page 1`] = `
     </button>
     <a
       aria-disabled="false"
-      class="_button_i91xf_17 _buttonLink_42cda0"
+      class="_button_vczzf_8 _buttonLink_42cda0"
       data-kind="tertiary"
       data-size="lg"
       href="/reset-cross-signing/cancelled"
@@ -184,7 +184,7 @@ exports[`Reset cross signing > renders the deep link page 1`] = `
     >
       <nav>
         <a
-          class="_link_ue21z_17"
+          class="_link_1v5rz_8"
           data-kind="primary"
           data-size="medium"
           href="https://matrix.org/policy"
@@ -200,7 +200,7 @@ exports[`Reset cross signing > renders the deep link page 1`] = `
           •
         </div>
         <a
-          class="_link_ue21z_17"
+          class="_link_1v5rz_8"
           data-kind="primary"
           data-size="medium"
           href="https://matrix.org/tos"
@@ -239,7 +239,7 @@ exports[`Reset cross signing > renders the errored page 1`] = `
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M12 17a.97.97 0 0 0 .713-.288A.968.968 0 0 0 13 16a.968.968 0 0 0-.287-.713A.968.968 0 0 0 12 15a.968.968 0 0 0-.713.287A.968.968 0 0 0 11 16c0 .283.096.52.287.712.192.192.43.288.713.288Zm0-4c.283 0 .52-.096.713-.287A.968.968 0 0 0 13 12V8a.967.967 0 0 0-.287-.713A.968.968 0 0 0 12 7a.968.968 0 0 0-.713.287A.967.967 0 0 0 11 8v4c0 .283.096.52.287.713.192.191.43.287.713.287Zm0 9a9.738 9.738 0 0 1-3.9-.788 10.099 10.099 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.738 9.738 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.099 10.099 0 0 1 2.137-3.175c.9-.9 1.958-1.612 3.175-2.137A9.738 9.738 0 0 1 12 2a9.74 9.74 0 0 1 3.9.788 10.098 10.098 0 0 1 3.175 2.137c.9.9 1.613 1.958 2.137 3.175A9.738 9.738 0 0 1 22 12a9.738 9.738 0 0 1-.788 3.9 10.098 10.098 0 0 1-2.137 3.175c-.9.9-1.958 1.613-3.175 2.137A9.738 9.738 0 0 1 12 22Z"
+            d="M12 17q.424 0 .713-.288A.97.97 0 0 0 13 16a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 15a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 16q0 .424.287.712.288.288.713.288m0-4q.424 0 .713-.287A.97.97 0 0 0 13 12V8a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 7a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 8v4q0 .424.287.713.288.287.713.287m0 9a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22"
           />
         </svg>
       </div>
@@ -254,12 +254,12 @@ exports[`Reset cross signing > renders the errored page 1`] = `
       </div>
     </header>
     <p
-      class="_typography_yh5dq_162 _font-body-md-regular_yh5dq_59 text-center text-secondary"
+      class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 text-center text-secondary"
     >
       This might be a temporary problem, so please try again later. If the problem persists, please contact your server administrator.
     </p>
     <button
-      class="_button_i91xf_17"
+      class="_button_vczzf_8"
       data-kind="tertiary"
       data-size="lg"
       role="button"
@@ -272,7 +272,7 @@ exports[`Reset cross signing > renders the errored page 1`] = `
     >
       <nav>
         <a
-          class="_link_ue21z_17"
+          class="_link_1v5rz_8"
           data-kind="primary"
           data-size="medium"
           href="https://matrix.org/policy"
@@ -288,7 +288,7 @@ exports[`Reset cross signing > renders the errored page 1`] = `
           •
         </div>
         <a
-          class="_link_ue21z_17"
+          class="_link_1v5rz_8"
           data-kind="primary"
           data-size="medium"
           href="https://matrix.org/tos"
@@ -327,7 +327,7 @@ exports[`Reset cross signing > renders the page 1`] = `
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M12 17a.97.97 0 0 0 .713-.288A.968.968 0 0 0 13 16a.968.968 0 0 0-.287-.713A.968.968 0 0 0 12 15a.968.968 0 0 0-.713.287A.968.968 0 0 0 11 16c0 .283.096.52.287.712.192.192.43.288.713.288Zm0-4c.283 0 .52-.096.713-.287A.968.968 0 0 0 13 12V8a.967.967 0 0 0-.287-.713A.968.968 0 0 0 12 7a.968.968 0 0 0-.713.287A.967.967 0 0 0 11 8v4c0 .283.096.52.287.713.192.191.43.287.713.287Zm0 9a9.738 9.738 0 0 1-3.9-.788 10.099 10.099 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.738 9.738 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.099 10.099 0 0 1 2.137-3.175c.9-.9 1.958-1.612 3.175-2.137A9.738 9.738 0 0 1 12 2a9.74 9.74 0 0 1 3.9.788 10.098 10.098 0 0 1 3.175 2.137c.9.9 1.613 1.958 2.137 3.175A9.738 9.738 0 0 1 22 12a9.738 9.738 0 0 1-.788 3.9 10.098 10.098 0 0 1-2.137 3.175c-.9.9-1.958 1.613-3.175 2.137A9.738 9.738 0 0 1 12 22Z"
+            d="M12 17q.424 0 .713-.288A.97.97 0 0 0 13 16a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 15a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 16q0 .424.287.712.288.288.713.288m0-4q.424 0 .713-.287A.97.97 0 0 0 13 12V8a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 7a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 8v4q0 .424.287.713.288.287.713.287m0 9a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22"
           />
         </svg>
       </div>
@@ -342,19 +342,19 @@ exports[`Reset cross signing > renders the page 1`] = `
       </div>
     </header>
     <p
-      class="_typography_yh5dq_162 _font-body-md-regular_yh5dq_59 text-center text-secondary"
+      class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 text-center text-secondary"
     >
       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_4dcf8_17"
+      class="_visual-list_15wzx_8"
     >
       <li
-        class="_visual-list-item_bqeu7_17"
+        class="_visual-list-item_1ma3e_8"
       >
         <svg
           aria-hidden="true"
-          class="_visual-list-item-icon_bqeu7_26 _visual-list-item-icon-success_bqeu7_31"
+          class="_visual-list-item-icon_1ma3e_17 _visual-list-item-icon-success_1ma3e_22"
           fill="currentColor"
           height="24px"
           viewBox="0 0 24 24"
@@ -362,17 +362,17 @@ exports[`Reset cross signing > renders the page 1`] = `
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M9.55 17.575c-.133 0-.258-.02-.375-.063a.876.876 0 0 1-.325-.212L4.55 13c-.183-.183-.27-.42-.263-.713.009-.291.105-.529.288-.712a.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275L9.55 15.15l8.475-8.475c.183-.183.42-.275.713-.275.291 0 .529.092.712.275.183.183.275.42.275.713 0 .291-.092.529-.275.712l-9.2 9.2c-.1.1-.208.17-.325.212a1.106 1.106 0 0 1-.375.063Z"
+            d="M9.55 17.575q-.2 0-.375-.062a.9.9 0 0 1-.325-.213L4.55 13q-.274-.274-.262-.713.012-.437.287-.712a.95.95 0 0 1 .7-.275q.425 0 .7.275L9.55 15.15l8.475-8.475q.274-.275.713-.275.437 0 .712.275.275.274.275.713 0 .437-.275.712l-9.2 9.2q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063"
           />
         </svg>
         Your account details, contacts, preferences, and chat list will be kept
       </li>
       <li
-        class="_visual-list-item_bqeu7_17"
+        class="_visual-list-item_1ma3e_8"
       >
         <svg
           aria-hidden="true"
-          class="_visual-list-item-icon_bqeu7_26"
+          class="_visual-list-item-icon_1ma3e_17"
           fill="currentColor"
           height="24px"
           viewBox="0 0 24 24"
@@ -380,22 +380,22 @@ exports[`Reset cross signing > renders the page 1`] = `
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M11.287 7.287A.968.968 0 0 1 12 7c.283 0 .52.096.713.287.191.192.287.43.287.713s-.096.52-.287.713A.968.968 0 0 1 12 9a.968.968 0 0 1-.713-.287A.967.967 0 0 1 11 8c0-.283.096-.52.287-.713Zm0 4A.968.968 0 0 1 12 11c.283 0 .52.096.713.287.191.192.287.43.287.713v4a.97.97 0 0 1-.287.712A.968.968 0 0 1 12 17a.968.968 0 0 1-.713-.288A.968.968 0 0 1 11 16v-4c0-.283.096-.52.287-.713Z"
+            d="M11.288 7.288A.97.97 0 0 1 12 7q.424 0 .713.287Q13 7.576 13 8t-.287.713A.97.97 0 0 1 12 9a.97.97 0 0 1-.713-.287A.97.97 0 0 1 11 8q0-.424.287-.713m.001 4.001A.97.97 0 0 1 12 11q.424 0 .713.287.287.288.287.713v4q0 .424-.287.712A.97.97 0 0 1 12 17a.97.97 0 0 1-.713-.288A.97.97 0 0 1 11 16v-4q0-.424.287-.713"
           />
           <path
             clip-rule="evenodd"
-            d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-2 0a8 8 0 1 1-16 0 8 8 0 0 1 16 0Z"
+            d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10m-2 0a8 8 0 1 1-16 0 8 8 0 0 1 16 0"
             fill-rule="evenodd"
           />
         </svg>
         You will lose any message history that's stored only on the server
       </li>
       <li
-        class="_visual-list-item_bqeu7_17"
+        class="_visual-list-item_1ma3e_8"
       >
         <svg
           aria-hidden="true"
-          class="_visual-list-item-icon_bqeu7_26"
+          class="_visual-list-item-icon_1ma3e_17"
           fill="currentColor"
           height="24px"
           viewBox="0 0 24 24"
@@ -403,11 +403,11 @@ exports[`Reset cross signing > renders the page 1`] = `
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M11.287 7.287A.968.968 0 0 1 12 7c.283 0 .52.096.713.287.191.192.287.43.287.713s-.096.52-.287.713A.968.968 0 0 1 12 9a.968.968 0 0 1-.713-.287A.967.967 0 0 1 11 8c0-.283.096-.52.287-.713Zm0 4A.968.968 0 0 1 12 11c.283 0 .52.096.713.287.191.192.287.43.287.713v4a.97.97 0 0 1-.287.712A.968.968 0 0 1 12 17a.968.968 0 0 1-.713-.288A.968.968 0 0 1 11 16v-4c0-.283.096-.52.287-.713Z"
+            d="M11.288 7.288A.97.97 0 0 1 12 7q.424 0 .713.287Q13 7.576 13 8t-.287.713A.97.97 0 0 1 12 9a.97.97 0 0 1-.713-.287A.97.97 0 0 1 11 8q0-.424.287-.713m.001 4.001A.97.97 0 0 1 12 11q.424 0 .713.287.287.288.287.713v4q0 .424-.287.712A.97.97 0 0 1 12 17a.97.97 0 0 1-.713-.288A.97.97 0 0 1 11 16v-4q0-.424.287-.713"
           />
           <path
             clip-rule="evenodd"
-            d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-2 0a8 8 0 1 1-16 0 8 8 0 0 1 16 0Z"
+            d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10m-2 0a8 8 0 1 1-16 0 8 8 0 0 1 16 0"
             fill-rule="evenodd"
           />
         </svg>
@@ -415,13 +415,13 @@ exports[`Reset cross signing > renders the page 1`] = `
       </li>
     </ul>
     <p
-      class="_typography_yh5dq_162 _font-body-md-semibold_yh5dq_64 text-center"
+      class="_typography_6v6n8_153 _font-body-md-semibold_6v6n8_55 text-center"
     >
       Only reset your identity if you don't have access to another signed-in device and you've lost your recovery key.
     </p>
     <button
       aria-disabled="false"
-      class="_button_i91xf_17 _destructive_i91xf_116"
+      class="_button_vczzf_8 _destructive_vczzf_107"
       data-kind="primary"
       data-size="lg"
       role="button"
@@ -431,7 +431,7 @@ exports[`Reset cross signing > renders the page 1`] = `
     </button>
     <a
       aria-disabled="false"
-      class="_button_i91xf_17 _buttonLink_42cda0"
+      class="_button_vczzf_8 _buttonLink_42cda0"
       data-kind="tertiary"
       data-size="lg"
       href="/"
@@ -445,7 +445,7 @@ exports[`Reset cross signing > renders the page 1`] = `
     >
       <nav>
         <a
-          class="_link_ue21z_17"
+          class="_link_1v5rz_8"
           data-kind="primary"
           data-size="medium"
           href="https://matrix.org/policy"
@@ -461,7 +461,7 @@ exports[`Reset cross signing > renders the page 1`] = `
           •
         </div>
         <a
-          class="_link_ue21z_17"
+          class="_link_1v5rz_8"
           data-kind="primary"
           data-size="medium"
           href="https://matrix.org/tos"
@@ -500,7 +500,7 @@ exports[`Reset cross signing > renders the success page 1`] = `
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="m10.6 13.8-2.15-2.15a.948.948 0 0 0-.7-.275.948.948 0 0 0-.7.275.948.948 0 0 0-.275.7.95.95 0 0 0 .275.7L9.9 15.9c.2.2.433.3.7.3.267 0 .5-.1.7-.3l5.65-5.65a.948.948 0 0 0 .275-.7.948.948 0 0 0-.275-.7.948.948 0 0 0-.7-.275.948.948 0 0 0-.7.275L10.6 13.8ZM12 22a9.738 9.738 0 0 1-3.9-.788 10.099 10.099 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.738 9.738 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.099 10.099 0 0 1 2.137-3.175c.9-.9 1.958-1.612 3.175-2.137A9.738 9.738 0 0 1 12 2a9.74 9.74 0 0 1 3.9.788 10.098 10.098 0 0 1 3.175 2.137c.9.9 1.613 1.958 2.137 3.175A9.738 9.738 0 0 1 22 12a9.738 9.738 0 0 1-.788 3.9 10.098 10.098 0 0 1-2.137 3.175c-.9.9-1.958 1.613-3.175 2.137A9.738 9.738 0 0 1 12 22Z"
+            d="m10.6 13.8-2.15-2.15a.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275.95.95 0 0 0-.275.7q0 .425.275.7L9.9 15.9q.3.3.7.3t.7-.3l5.65-5.65a.95.95 0 0 0 .275-.7.95.95 0 0 0-.275-.7.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275zM12 22a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22"
           />
         </svg>
       </div>
@@ -515,7 +515,7 @@ exports[`Reset cross signing > renders the success page 1`] = `
       </div>
     </header>
     <p
-      class="_typography_yh5dq_162 _font-body-md-regular_yh5dq_59 text-center text-secondary"
+      class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 text-center text-secondary"
     >
       The identity reset has been approved for the next 10 minutes. You can close this window and go back to the app to continue.
     </p>
@@ -542,7 +542,7 @@ exports[`Reset cross signing > renders the success page 2`] = `
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="m10.6 13.8-2.15-2.15a.948.948 0 0 0-.7-.275.948.948 0 0 0-.7.275.948.948 0 0 0-.275.7.95.95 0 0 0 .275.7L9.9 15.9c.2.2.433.3.7.3.267 0 .5-.1.7-.3l5.65-5.65a.948.948 0 0 0 .275-.7.948.948 0 0 0-.275-.7.948.948 0 0 0-.7-.275.948.948 0 0 0-.7.275L10.6 13.8ZM12 22a9.738 9.738 0 0 1-3.9-.788 10.099 10.099 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.738 9.738 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.099 10.099 0 0 1 2.137-3.175c.9-.9 1.958-1.612 3.175-2.137A9.738 9.738 0 0 1 12 2a9.74 9.74 0 0 1 3.9.788 10.098 10.098 0 0 1 3.175 2.137c.9.9 1.613 1.958 2.137 3.175A9.738 9.738 0 0 1 22 12a9.738 9.738 0 0 1-.788 3.9 10.098 10.098 0 0 1-2.137 3.175c-.9.9-1.958 1.613-3.175 2.137A9.738 9.738 0 0 1 12 22Z"
+            d="m10.6 13.8-2.15-2.15a.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275.95.95 0 0 0-.275.7q0 .425.275.7L9.9 15.9q.3.3.7.3t.7-.3l5.65-5.65a.95.95 0 0 0 .275-.7.95.95 0 0 0-.275-.7.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275zM12 22a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22"
           />
         </svg>
       </div>
@@ -557,7 +557,7 @@ exports[`Reset cross signing > renders the success page 2`] = `
       </div>
     </header>
     <p
-      class="_typography_yh5dq_162 _font-body-md-regular_yh5dq_59 text-center text-secondary"
+      class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 text-center text-secondary"
     >
       The identity reset has been approved for the next 10 minutes. You can close this window and go back to the app to continue.
     </p>
diff --git a/frontend/tests/routes/account/__snapshots__/index.test.tsx.snap b/frontend/tests/routes/account/__snapshots__/index.test.tsx.snap
index fdd384961..89a73c89d 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_mcap2_17 self-center _avatar-imageless_mcap2_61"
+    class="_avatar_1qbcf_8 self-center _avatar-imageless_1qbcf_52"
     data-color="6"
     data-type="round"
     role="img"
@@ -28,31 +28,31 @@ exports[`Account home page > display name edit box > displays an error if the di
     A
   </span>
   <form
-    class="_root_ssths_24"
+    class="_root_19upo_16"
   >
     <div
       class="_dialogForm_66f22a"
     >
       <div
-        class="_field_ssths_34"
+        class="_field_19upo_26"
         data-invalid="true"
       >
         <label
-          class="_label_ssths_67"
+          class="_label_19upo_59"
           data-invalid="true"
           for="radix-:r8c:"
         >
           Display name
         </label>
         <div
-          class="_container_1qov4_17"
+          class="_container_1s836_8"
           id=":r8d:"
         >
           <input
             aria-describedby="radix-:r8j:"
             aria-invalid="true"
             autocomplete="name"
-            class="_control_9gon8_18 _control_1qov4_22"
+            class="_control_sqdq4_10 _control_1s836_13"
             data-invalid="true"
             id="radix-:r8c:"
             name="displayname"
@@ -63,7 +63,7 @@ exports[`Account home page > display name edit box > displays an error if the di
           <button
             aria-controls=":r8d:"
             aria-labelledby=":r8e:"
-            class="_action_1qov4_33"
+            class="_action_1s836_24"
             type="button"
           >
             <svg
@@ -75,29 +75,29 @@ exports[`Account home page > display name edit box > displays an error if the di
               xmlns="http://www.w3.org/2000/svg"
             >
               <path
-                d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414Z"
+                d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
               />
             </svg>
           </button>
         </div>
         <span
-          class="_message_ssths_93 _help-message_ssths_99"
+          class="_message_19upo_85 _help-message_19upo_91"
           id="radix-:r8j:"
         >
           This is what others will see wherever you’re signed in.
         </span>
       </div>
       <div
-        class="_field_ssths_34"
+        class="_field_19upo_26"
       >
         <label
-          class="_label_ssths_67"
+          class="_label_19upo_59"
           for="radix-:r8k:"
         >
           Username
         </label>
         <input
-          class="_control_9gon8_18"
+          class="_control_sqdq4_10"
           id="radix-:r8k:"
           name="mxid"
           readonly=""
@@ -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_i91xf_17"
+      class="_button_vczzf_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_i91xf_17"
+    class="_button_vczzf_8"
     data-kind="tertiary"
     data-size="lg"
     role="button"
@@ -141,7 +141,7 @@ exports[`Account home page > display name edit box > displays an error if the di
       xmlns="http://www.w3.org/2000/svg"
     >
       <path
-        d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414Z"
+        d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
       />
     </svg>
   </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_mcap2_17 self-center _avatar-imageless_mcap2_61"
+    class="_avatar_1qbcf_8 self-center _avatar-imageless_1qbcf_52"
     data-color="6"
     data-type="round"
     role="img"
@@ -176,28 +176,28 @@ exports[`Account home page > display name edit box > lets edit the display name
     A
   </span>
   <form
-    class="_root_ssths_24"
+    class="_root_19upo_16"
   >
     <div
       class="_dialogForm_66f22a"
     >
       <div
-        class="_field_ssths_34"
+        class="_field_19upo_26"
       >
         <label
-          class="_label_ssths_67"
+          class="_label_19upo_59"
           for="radix-:r2o:"
         >
           Display name
         </label>
         <div
-          class="_container_1qov4_17"
+          class="_container_1s836_8"
           id=":r2p:"
         >
           <input
             aria-describedby="radix-:r2v:"
             autocomplete="name"
-            class="_control_9gon8_18 _control_1qov4_22"
+            class="_control_sqdq4_10 _control_1s836_13"
             id="radix-:r2o:"
             name="displayname"
             title=""
@@ -207,7 +207,7 @@ exports[`Account home page > display name edit box > lets edit the display name
           <button
             aria-controls=":r2p:"
             aria-labelledby=":r2q:"
-            class="_action_1qov4_33"
+            class="_action_1s836_24"
             type="button"
           >
             <svg
@@ -219,29 +219,29 @@ exports[`Account home page > display name edit box > lets edit the display name
               xmlns="http://www.w3.org/2000/svg"
             >
               <path
-                d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414Z"
+                d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
               />
             </svg>
           </button>
         </div>
         <span
-          class="_message_ssths_93 _help-message_ssths_99"
+          class="_message_19upo_85 _help-message_19upo_91"
           id="radix-:r2v:"
         >
           This is what others will see wherever you’re signed in.
         </span>
       </div>
       <div
-        class="_field_ssths_34"
+        class="_field_19upo_26"
       >
         <label
-          class="_label_ssths_67"
+          class="_label_19upo_59"
           for="radix-:r30:"
         >
           Username
         </label>
         <input
-          class="_control_9gon8_18"
+          class="_control_sqdq4_10"
           id="radix-:r30:"
           name="mxid"
           readonly=""
@@ -252,7 +252,7 @@ exports[`Account home page > display name edit box > lets edit the display name
     </div>
     <button
       aria-disabled="false"
-      class="_button_i91xf_17"
+      class="_button_vczzf_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_i91xf_17"
+    class="_button_vczzf_8"
     data-kind="tertiary"
     data-size="lg"
     role="button"
@@ -285,7 +285,7 @@ exports[`Account home page > display name edit box > lets edit the display name
       xmlns="http://www.w3.org/2000/svg"
     >
       <path
-        d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414Z"
+        d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
       />
     </svg>
   </button>
@@ -301,7 +301,7 @@ exports[`Account home page > renders the page 1`] = `
       class="flex flex-col gap-10"
     >
       <h1
-        class="_typography_yh5dq_162 _font-heading-md-semibold_yh5dq_121"
+        class="_typography_6v6n8_153 _font-heading-md-semibold_6v6n8_112"
       >
         Your account
       </h1>
@@ -313,7 +313,7 @@ exports[`Account home page > renders the page 1`] = `
         >
           <span
             aria-label="@alice:example.com"
-            class="_avatar_mcap2_17 _avatar_66f22a _avatar-imageless_mcap2_61"
+            class="_avatar_1qbcf_8 _avatar_66f22a _avatar-imageless_1qbcf_52"
             data-color="6"
             data-type="round"
             role="img"
@@ -325,12 +325,12 @@ exports[`Account home page > renders the page 1`] = `
             class="_meta_66f22a"
           >
             <p
-              class="_typography_yh5dq_162 _font-body-lg-semibold_yh5dq_83"
+              class="_typography_6v6n8_153 _font-body-lg-semibold_6v6n8_74"
             >
               Alice
             </p>
             <p
-              class="_typography_yh5dq_162 _font-body-md-regular_yh5dq_59 _mxid_66f22a"
+              class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 _mxid_66f22a"
             >
               @alice:example.com
             </p>
@@ -340,7 +340,7 @@ exports[`Account home page > renders the page 1`] = `
             aria-expanded="false"
             aria-haspopup="dialog"
             aria-labelledby=":r3:"
-            class="_icon-button_bh2qc_17 _editButton_66f22a"
+            class="_icon-button_m2erp_8 _editButton_66f22a"
             data-state="closed"
             role="button"
             style="--cpd-icon-button-size: var(--cpd-space-6x);"
@@ -348,7 +348,7 @@ exports[`Account home page > renders the page 1`] = `
             type="button"
           >
             <div
-              class="_indicator-icon_133tf_26"
+              class="_indicator-icon_zr2a0_17"
               style="--cpd-icon-button-size: 100%;"
             >
               <svg
@@ -360,7 +360,7 @@ exports[`Account home page > renders the page 1`] = `
               >
                 <path
                   clip-rule="evenodd"
-                  d="M15.706 2.637a2 2 0 0 1 2.829 0l2.828 2.828a2 2 0 0 1 0 2.829L9.605 20.052a1 1 0 0 1-.465.263L3.483 21.73a1 1 0 0 1-1.212-1.212l1.414-5.657a1 1 0 0 1 .263-.465L15.706 2.637Zm1.224 7.262L14.102 7.07l-8.544 8.544-.943 3.77 3.771-.942L16.93 9.9Z"
+                  d="M15.706 2.637a2 2 0 0 1 2.829 0l2.828 2.828a2 2 0 0 1 0 2.829L9.605 20.052a1 1 0 0 1-.465.263L3.483 21.73a1 1 0 0 1-1.212-1.213l1.414-5.657a1 1 0 0 1 .263-.465zm1.224 7.262L14.102 7.07l-8.544 8.544-.943 3.771 3.771-.943z"
                   fill-rule="evenodd"
                 />
               </svg>
@@ -414,7 +414,7 @@ exports[`Account home page > renders the page 1`] = `
             class="_trigger_f1daaa"
           >
             <h4
-              class="_typography_yh5dq_162 _font-heading-sm-semibold_yh5dq_102 _triggerTitle_f1daaa"
+              class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93 _triggerTitle_f1daaa"
               id=":r8:"
             >
               Contact info
@@ -423,7 +423,7 @@ exports[`Account home page > renders the page 1`] = `
               aria-controls="radix-:ra:"
               aria-expanded="true"
               aria-labelledby=":rb:"
-              class="_icon-button_bh2qc_17 _triggerIcon_f1daaa"
+              class="_icon-button_m2erp_8 _triggerIcon_f1daaa"
               data-state="open"
               role="button"
               style="--cpd-icon-button-size: 32px;"
@@ -431,7 +431,7 @@ exports[`Account home page > renders the page 1`] = `
               type="button"
             >
               <div
-                class="_indicator-icon_133tf_26"
+                class="_indicator-icon_zr2a0_17"
                 style="--cpd-icon-button-size: 100%;"
               >
                 <svg
@@ -442,7 +442,7 @@ exports[`Account home page > renders the page 1`] = `
                   xmlns="http://www.w3.org/2000/svg"
                 >
                   <path
-                    d="m12 10.775-3.9 3.9a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l4.6-4.6c.1-.1.208-.17.325-.213.117-.041.242-.062.375-.062s.258.02.375.062a.877.877 0 0 1 .325.213l4.6 4.6a.948.948 0 0 1 .275.7.949.949 0 0 1-.275.7.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275l-3.9-3.9Z"
+                    d="m12 10.775-3.9 3.9a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275.95.95 0 0 1-.275-.7q0-.425.275-.7l4.6-4.6q.15-.15.325-.212Q11.8 8.4 12 8.4t.375.063a.9.9 0 0 1 .325.212l4.6 4.6a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275z"
                   />
                 </svg>
               </div>
@@ -456,13 +456,13 @@ exports[`Account home page > renders the page 1`] = `
           style="transition-duration: 0s; animation-name: none;"
         >
           <form
-            class="_root_ssths_24"
+            class="_root_19upo_16"
           >
             <div
-              class="_field_ssths_34"
+              class="_field_19upo_26"
             >
               <label
-                class="_label_ssths_67"
+                class="_label_19upo_59"
                 for="radix-:rg:"
               >
                 Email
@@ -471,7 +471,7 @@ exports[`Account home page > renders the page 1`] = `
                 class="flex items-center gap-2"
               >
                 <input
-                  class="_control_9gon8_18 _userEmailField_e2a518"
+                  class="_control_sqdq4_10 _userEmailField_e2a518"
                   id="radix-:rg:"
                   name="email"
                   readonly=""
@@ -483,23 +483,23 @@ exports[`Account home page > renders the page 1`] = `
             </div>
           </form>
           <form
-            class="_root_ssths_24"
+            class="_root_19upo_16"
           >
             <div
-              class="_field_ssths_34"
+              class="_field_19upo_26"
             >
               <label
-                class="_label_ssths_67"
+                class="_label_19upo_59"
                 for="radix-:rh:"
               >
                 Add email
               </label>
               <div
-                class="_controls_1h4nb_17"
+                class="_controls_17lij_8"
               >
                 <input
                   aria-describedby="radix-:ri:"
-                  class="_control_9gon8_18"
+                  class="_control_sqdq4_10"
                   id="radix-:rh:"
                   name="input"
                   required=""
@@ -508,7 +508,7 @@ exports[`Account home page > renders the page 1`] = `
                 />
               </div>
               <span
-                class="_message_ssths_93 _help-message_ssths_99"
+                class="_message_19upo_85 _help-message_19upo_91"
                 id="radix-:ri:"
               >
                 Add an alternative email you can use to access this account.
@@ -518,7 +518,7 @@ exports[`Account home page > renders the page 1`] = `
         </article>
       </section>
       <div
-        class="_separator_144s5_17"
+        class="_separator_7ckbw_8"
         data-kind="section"
         data-orientation="horizontal"
         role="separator"
@@ -535,7 +535,7 @@ exports[`Account home page > renders the page 1`] = `
             class="_trigger_f1daaa"
           >
             <h4
-              class="_typography_yh5dq_162 _font-heading-sm-semibold_yh5dq_102 _triggerTitle_f1daaa"
+              class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93 _triggerTitle_f1daaa"
               id=":rj:"
             >
               Account password
@@ -544,7 +544,7 @@ exports[`Account home page > renders the page 1`] = `
               aria-controls="radix-:rl:"
               aria-expanded="true"
               aria-labelledby=":rm:"
-              class="_icon-button_bh2qc_17 _triggerIcon_f1daaa"
+              class="_icon-button_m2erp_8 _triggerIcon_f1daaa"
               data-state="open"
               role="button"
               style="--cpd-icon-button-size: 32px;"
@@ -552,7 +552,7 @@ exports[`Account home page > renders the page 1`] = `
               type="button"
             >
               <div
-                class="_indicator-icon_133tf_26"
+                class="_indicator-icon_zr2a0_17"
                 style="--cpd-icon-button-size: 100%;"
               >
                 <svg
@@ -563,7 +563,7 @@ exports[`Account home page > renders the page 1`] = `
                   xmlns="http://www.w3.org/2000/svg"
                 >
                   <path
-                    d="m12 10.775-3.9 3.9a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l4.6-4.6c.1-.1.208-.17.325-.213.117-.041.242-.062.375-.062s.258.02.375.062a.877.877 0 0 1 .325.213l4.6 4.6a.948.948 0 0 1 .275.7.949.949 0 0 1-.275.7.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275l-3.9-3.9Z"
+                    d="m12 10.775-3.9 3.9a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275.95.95 0 0 1-.275-.7q0-.425.275-.7l4.6-4.6q.15-.15.325-.212Q11.8 8.4 12 8.4t.375.063a.9.9 0 0 1 .325.212l4.6 4.6a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275z"
                   />
                 </svg>
               </div>
@@ -577,20 +577,20 @@ exports[`Account home page > renders the page 1`] = `
           style="transition-duration: 0s; animation-name: none;"
         >
           <form
-            class="_root_ssths_24"
+            class="_root_19upo_16"
           >
             <div
-              class="_field_ssths_34"
+              class="_field_19upo_26"
             >
               <label
-                class="_label_ssths_67"
+                class="_label_19upo_59"
                 for="radix-:rr:"
               >
                 Password
               </label>
               <input
                 aria-describedby="radix-:rs:"
-                class="_control_9gon8_18"
+                class="_control_sqdq4_10"
                 id="radix-:rr:"
                 name="password_preview"
                 readonly=""
@@ -599,7 +599,7 @@ exports[`Account home page > renders the page 1`] = `
                 value="this looks like a password"
               />
               <span
-                class="_message_ssths_93 _help-message_ssths_99"
+                class="_message_19upo_85 _help-message_19upo_91"
                 id="radix-:rs:"
               >
                 <a
@@ -614,7 +614,7 @@ exports[`Account home page > renders the page 1`] = `
         </article>
       </section>
       <div
-        class="_separator_144s5_17"
+        class="_separator_7ckbw_8"
         data-kind="section"
         data-orientation="horizontal"
         role="separator"
@@ -631,7 +631,7 @@ exports[`Account home page > renders the page 1`] = `
             class="_trigger_f1daaa"
           >
             <h4
-              class="_typography_yh5dq_162 _font-heading-sm-semibold_yh5dq_102 _triggerTitle_f1daaa"
+              class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93 _triggerTitle_f1daaa"
               id=":rt:"
             >
               End-to-end encryption
@@ -640,7 +640,7 @@ exports[`Account home page > renders the page 1`] = `
               aria-controls="radix-:rv:"
               aria-expanded="false"
               aria-labelledby=":r10:"
-              class="_icon-button_bh2qc_17 _triggerIcon_f1daaa"
+              class="_icon-button_m2erp_8 _triggerIcon_f1daaa"
               data-state="closed"
               role="button"
               style="--cpd-icon-button-size: 32px;"
@@ -648,7 +648,7 @@ exports[`Account home page > renders the page 1`] = `
               type="button"
             >
               <div
-                class="_indicator-icon_133tf_26"
+                class="_indicator-icon_zr2a0_17"
                 style="--cpd-icon-button-size: 100%;"
               >
                 <svg
@@ -659,7 +659,7 @@ exports[`Account home page > renders the page 1`] = `
                   xmlns="http://www.w3.org/2000/svg"
                 >
                   <path
-                    d="m12 10.775-3.9 3.9a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l4.6-4.6c.1-.1.208-.17.325-.213.117-.041.242-.062.375-.062s.258.02.375.062a.877.877 0 0 1 .325.213l4.6 4.6a.948.948 0 0 1 .275.7.949.949 0 0 1-.275.7.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275l-3.9-3.9Z"
+                    d="m12 10.775-3.9 3.9a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275.95.95 0 0 1-.275-.7q0-.425.275-.7l4.6-4.6q.15-.15.325-.212Q11.8 8.4 12 8.4t.375.063a.9.9 0 0 1 .325.212l4.6 4.6a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275z"
                   />
                 </svg>
               </div>
@@ -668,7 +668,7 @@ exports[`Account home page > renders the page 1`] = `
         </header>
       </section>
       <div
-        class="_separator_144s5_17"
+        class="_separator_7ckbw_8"
         data-kind="section"
         data-orientation="horizontal"
         role="separator"
@@ -678,7 +678,7 @@ exports[`Account home page > renders the page 1`] = `
       aria-controls="radix-:r15:"
       aria-expanded="false"
       aria-haspopup="dialog"
-      class="_button_i91xf_17 _has-icon_i91xf_66 _destructive_i91xf_116"
+      class="_button_vczzf_8 _has-icon_vczzf_57 _destructive_vczzf_107"
       data-kind="primary"
       data-size="lg"
       data-state="closed"
@@ -695,7 +695,7 @@ exports[`Account home page > renders the page 1`] = `
         xmlns="http://www.w3.org/2000/svg"
       >
         <path
-          d="M9 12.031c0-.283.096-.52.288-.712A.968.968 0 0 1 10 11.03h7.15l-1.875-1.875a.96.96 0 0 1-.3-.7c0-.266.108-.508.325-.725a.93.93 0 0 1 .712-.287.977.977 0 0 1 .688.287l3.6 3.6c.1.1.17.209.212.325.042.117.063.242.063.375 0 .134-.02.259-.063.375a.877.877 0 0 1-.212.325l-3.6 3.6a.93.93 0 0 1-.712.288.977.977 0 0 1-.688-.288 1.02 1.02 0 0 1-.313-.712.931.931 0 0 1 .288-.713l1.875-1.875H10a.968.968 0 0 1-.712-.287A.968.968 0 0 1 9 12.03Zm-6-7c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 5 3.03h6a.97.97 0 0 1 .713.288.968.968 0 0 1 .287.712.97.97 0 0 1-.287.713.968.968 0 0 1-.713.287H5v14h6a.97.97 0 0 1 .713.288.968.968 0 0 1 .287.712.97.97 0 0 1-.287.713.968.968 0 0 1-.713.287H5c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 3 19.03v-14Z"
+          d="M9 12.031q0-.424.288-.712A.97.97 0 0 1 10 11.03h7.15l-1.875-1.875a.96.96 0 0 1-.3-.7q0-.4.325-.725a.93.93 0 0 1 .712-.287.98.98 0 0 1 .688.287l3.6 3.6q.15.15.212.325.063.175.063.375 0 .201-.062.375a.9.9 0 0 1-.213.325l-3.6 3.6q-.3.3-.712.288a.98.98 0 0 1-.688-.288 1.02 1.02 0 0 1-.312-.712.93.93 0 0 1 .287-.713l1.875-1.875H10a.97.97 0 0 1-.712-.287A.97.97 0 0 1 9 12.03m-6-7q0-.824.588-1.412A1.93 1.93 0 0 1 5 3.03h6q.424 0 .713.288.287.287.287.712t-.287.713A.97.97 0 0 1 11 5.03H5v14h6q.424 0 .713.288.287.287.287.712t-.287.713a.97.97 0 0 1-.713.287H5q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19.03z"
         />
       </svg>
       Sign out of account
@@ -705,7 +705,7 @@ exports[`Account home page > renders the page 1`] = `
     >
       <nav>
         <a
-          class="_link_ue21z_17"
+          class="_link_1v5rz_8"
           data-kind="primary"
           data-size="medium"
           href="https://matrix.org/policy"
@@ -721,7 +721,7 @@ exports[`Account home page > renders the page 1`] = `
           •
         </div>
         <a
-          class="_link_ue21z_17"
+          class="_link_1v5rz_8"
           data-kind="primary"
           data-size="medium"
           href="https://matrix.org/tos"