diff --git a/frontend/src/components/SessionDetail/__snapshots__/CompatSessionDetail.test.tsx.snap b/frontend/src/components/SessionDetail/__snapshots__/CompatSessionDetail.test.tsx.snap
index d07848769..7849c7661 100644
--- a/frontend/src/components/SessionDetail/__snapshots__/CompatSessionDetail.test.tsx.snap
+++ b/frontend/src/components/SessionDetail/__snapshots__/CompatSessionDetail.test.tsx.snap
@@ -29,10 +29,10 @@ exports[`<CompatSessionDetail> > renders a compatability session details 1`] = `
       >
         element.io: Unknown device
         <button
-          aria-controls="radix-«r0»"
+          aria-controls="radix-_r_0_"
           aria-expanded="false"
           aria-haspopup="dialog"
-          aria-labelledby="«r3»"
+          aria-labelledby="_r_3_"
           class="_icon-button_1pz9o_8"
           data-kind="primary"
           data-state="closed"
@@ -268,7 +268,7 @@ exports[`<CompatSessionDetail> > renders a compatability session details 1`] = `
       </ul>
     </section>
     <button
-      aria-controls="radix-«r8»"
+      aria-controls="radix-_r_8_"
       aria-expanded="false"
       aria-haspopup="dialog"
       class="_button_vczzf_8 _has-icon_vczzf_57 _destructive_vczzf_107"
@@ -326,10 +326,10 @@ exports[`<CompatSessionDetail> > renders a compatability session without an ssoL
       >
         abcd1234: Unknown device
         <button
-          aria-controls="radix-«rc»"
+          aria-controls="radix-_r_c_"
           aria-expanded="false"
           aria-haspopup="dialog"
-          aria-labelledby="«rf»"
+          aria-labelledby="_r_f_"
           class="_icon-button_1pz9o_8"
           data-kind="primary"
           data-state="closed"
@@ -551,7 +551,7 @@ exports[`<CompatSessionDetail> > renders a compatability session without an ssoL
       </ul>
     </section>
     <button
-      aria-controls="radix-«rk»"
+      aria-controls="radix-_r_k_"
       aria-expanded="false"
       aria-haspopup="dialog"
       class="_button_vczzf_8 _has-icon_vczzf_57 _destructive_vczzf_107"
@@ -609,10 +609,10 @@ exports[`<CompatSessionDetail> > renders a finished compatability session detail
       >
         element.io: Unknown device
         <button
-          aria-controls="radix-«ro»"
+          aria-controls="radix-_r_o_"
           aria-expanded="false"
           aria-haspopup="dialog"
-          aria-labelledby="«rr»"
+          aria-labelledby="_r_r_"
           class="_icon-button_1pz9o_8"
           data-kind="primary"
           data-state="closed"
diff --git a/frontend/src/components/SessionDetail/__snapshots__/OAuth2SessionDetail.test.tsx.snap b/frontend/src/components/SessionDetail/__snapshots__/OAuth2SessionDetail.test.tsx.snap
index 5cfc1424e..5ec8c9dc2 100644
--- a/frontend/src/components/SessionDetail/__snapshots__/OAuth2SessionDetail.test.tsx.snap
+++ b/frontend/src/components/SessionDetail/__snapshots__/OAuth2SessionDetail.test.tsx.snap
@@ -29,10 +29,10 @@ exports[`<OAuth2SessionDetail> > renders a finished session details 1`] = `
       >
         Element: Unknown device
         <button
-          aria-controls="radix-«rc»"
+          aria-controls="radix-_r_c_"
           aria-expanded="false"
           aria-haspopup="dialog"
-          aria-labelledby="«rf»"
+          aria-labelledby="_r_f_"
           class="_icon-button_1pz9o_8"
           data-kind="primary"
           data-state="closed"
@@ -340,10 +340,10 @@ exports[`<OAuth2SessionDetail> > renders session details 1`] = `
       >
         Element: Unknown device
         <button
-          aria-controls="radix-«r0»"
+          aria-controls="radix-_r_0_"
           aria-expanded="false"
           aria-haspopup="dialog"
-          aria-labelledby="«r3»"
+          aria-labelledby="_r_3_"
           class="_icon-button_1pz9o_8"
           data-kind="primary"
           data-state="closed"
@@ -601,7 +601,7 @@ exports[`<OAuth2SessionDetail> > renders session details 1`] = `
       </ul>
     </section>
     <button
-      aria-controls="radix-«r8»"
+      aria-controls="radix-_r_8_"
       aria-expanded="false"
       aria-haspopup="dialog"
       class="_button_vczzf_8 _has-icon_vczzf_57 _destructive_vczzf_107"
diff --git a/frontend/src/components/__snapshots__/CompatSession.test.tsx.snap b/frontend/src/components/__snapshots__/CompatSession.test.tsx.snap
index a75ff3b5c..bb07d2d78 100644
--- a/frontend/src/components/__snapshots__/CompatSession.test.tsx.snap
+++ b/frontend/src/components/__snapshots__/CompatSession.test.tsx.snap
@@ -162,7 +162,7 @@ exports[`<CompatSession /> > renders an active session 1`] = `
       class="_action_6c1027"
     >
       <button
-        aria-controls="radix-«r0»"
+        aria-controls="radix-_r_0_"
         aria-expanded="false"
         aria-haspopup="dialog"
         class="_button_vczzf_8 _has-icon_vczzf_57 _destructive_vczzf_107"
diff --git a/frontend/src/components/__snapshots__/OAuth2Session.test.tsx.snap b/frontend/src/components/__snapshots__/OAuth2Session.test.tsx.snap
index 870d4b07a..b1ef9507d 100644
--- a/frontend/src/components/__snapshots__/OAuth2Session.test.tsx.snap
+++ b/frontend/src/components/__snapshots__/OAuth2Session.test.tsx.snap
@@ -156,7 +156,7 @@ exports[`<OAuth2Session /> > renders an active session 1`] = `
       class="_action_6c1027"
     >
       <button
-        aria-controls="radix-«r0»"
+        aria-controls="radix-_r_0_"
         aria-expanded="false"
         aria-haspopup="dialog"
         class="_button_vczzf_8 _has-icon_vczzf_57 _destructive_vczzf_107"
diff --git a/frontend/tests/routes/account/__snapshots__/index.test.tsx.snap b/frontend/tests/routes/account/__snapshots__/index.test.tsx.snap
index 2fd8ac416..6c459f74e 100644
--- a/frontend/tests/routes/account/__snapshots__/index.test.tsx.snap
+++ b/frontend/tests/routes/account/__snapshots__/index.test.tsx.snap
@@ -2,18 +2,18 @@
 
 exports[`Account home page > display name edit box > displays an error if the display name is invalid 1`] = `
 <div
-  aria-describedby="radix-«r86»"
-  aria-labelledby="radix-«r85»"
+  aria-describedby="radix-_r_86_"
+  aria-labelledby="radix-_r_85_"
   class="_body_820528"
   data-state="open"
-  id="radix-«r84»"
+  id="radix-_r_84_"
   role="dialog"
   style="pointer-events: auto;"
   tabindex="-1"
 >
   <h2
     class="_title_820528"
-    id="radix-«r85»"
+    id="radix-_r_85_"
   >
     Edit profile
   </h2>
@@ -40,29 +40,29 @@ exports[`Account home page > display name edit box > displays an error if the di
         <label
           class="_label_19upo_59"
           data-invalid="true"
-          for="radix-«r9p»"
+          for="radix-_r_9p_"
         >
           Display name
         </label>
         <div
           class="_container_1s836_8"
-          id="«r9q»"
+          id="_r_9q_"
         >
           <input
-            aria-describedby="radix-«ra0»"
+            aria-describedby="radix-_r_a0_"
             aria-invalid="true"
             autocomplete="name"
             class="_control_sqdq4_10 _control_1s836_13"
             data-invalid="true"
-            id="radix-«r9p»"
+            id="radix-_r_9p_"
             name="displayname"
             title=""
             type="text"
             value="Alice"
           />
           <button
-            aria-controls="«r9q»"
-            aria-labelledby="«r9r»"
+            aria-controls="_r_9q_"
+            aria-labelledby="_r_9r_"
             class="_action_1s836_24"
             type="button"
           >
@@ -82,7 +82,7 @@ exports[`Account home page > display name edit box > displays an error if the di
         </div>
         <span
           class="_message_19upo_85 _help-message_19upo_91"
-          id="radix-«ra0»"
+          id="radix-_r_a0_"
         >
           This is what others will see wherever you’re signed in.
         </span>
@@ -92,13 +92,13 @@ exports[`Account home page > display name edit box > displays an error if the di
       >
         <label
           class="_label_19upo_59"
-          for="radix-«ra1»"
+          for="radix-_r_a1_"
         >
           Username
         </label>
         <input
           class="_control_sqdq4_10"
-          id="radix-«ra1»"
+          id="radix-_r_a1_"
           name="mxid"
           readonly=""
           title=""
@@ -129,7 +129,7 @@ exports[`Account home page > display name edit box > displays an error if the di
     Cancel
   </button>
   <button
-    aria-labelledby="«ra2»"
+    aria-labelledby="_r_a2_"
     class="_close_820528"
     type="button"
   >
@@ -150,18 +150,18 @@ exports[`Account home page > display name edit box > displays an error if the di
 
 exports[`Account home page > display name edit box > lets edit the display name 1`] = `
 <div
-  aria-describedby="radix-«r1n»"
-  aria-labelledby="radix-«r1m»"
+  aria-describedby="radix-_r_1n_"
+  aria-labelledby="radix-_r_1m_"
   class="_body_820528"
   data-state="open"
-  id="radix-«r1l»"
+  id="radix-_r_1l_"
   role="dialog"
   style="pointer-events: auto;"
   tabindex="-1"
 >
   <h2
     class="_title_820528"
-    id="radix-«r1m»"
+    id="radix-_r_1m_"
   >
     Edit profile
   </h2>
@@ -186,27 +186,27 @@ exports[`Account home page > display name edit box > lets edit the display name
       >
         <label
           class="_label_19upo_59"
-          for="radix-«r3a»"
+          for="radix-_r_3a_"
         >
           Display name
         </label>
         <div
           class="_container_1s836_8"
-          id="«r3b»"
+          id="_r_3b_"
         >
           <input
-            aria-describedby="radix-«r3h»"
+            aria-describedby="radix-_r_3h_"
             autocomplete="name"
             class="_control_sqdq4_10 _control_1s836_13"
-            id="radix-«r3a»"
+            id="radix-_r_3a_"
             name="displayname"
             title=""
             type="text"
             value="Alice"
           />
           <button
-            aria-controls="«r3b»"
-            aria-labelledby="«r3c»"
+            aria-controls="_r_3b_"
+            aria-labelledby="_r_3c_"
             class="_action_1s836_24"
             type="button"
           >
@@ -226,7 +226,7 @@ exports[`Account home page > display name edit box > lets edit the display name
         </div>
         <span
           class="_message_19upo_85 _help-message_19upo_91"
-          id="radix-«r3h»"
+          id="radix-_r_3h_"
         >
           This is what others will see wherever you’re signed in.
         </span>
@@ -236,13 +236,13 @@ exports[`Account home page > display name edit box > lets edit the display name
       >
         <label
           class="_label_19upo_59"
-          for="radix-«r3i»"
+          for="radix-_r_3i_"
         >
           Username
         </label>
         <input
           class="_control_sqdq4_10"
-          id="radix-«r3i»"
+          id="radix-_r_3i_"
           name="mxid"
           readonly=""
           title=""
@@ -273,7 +273,7 @@ exports[`Account home page > display name edit box > lets edit the display name
     Cancel
   </button>
   <button
-    aria-labelledby="«r3j»"
+    aria-labelledby="_r_3j_"
     class="_close_820528"
     type="button"
   >
@@ -336,10 +336,10 @@ exports[`Account home page > renders the page 1`] = `
             </p>
           </div>
           <button
-            aria-controls="radix-«r0»"
+            aria-controls="radix-_r_0_"
             aria-expanded="false"
             aria-haspopup="dialog"
-            aria-labelledby="«r3»"
+            aria-labelledby="_r_3_"
             class="_icon-button_1pz9o_8 _editButton_0d9d49"
             data-kind="primary"
             data-state="closed"
@@ -404,7 +404,7 @@ exports[`Account home page > renders the page 1`] = `
       class="flex flex-col gap-6"
     >
       <section
-        aria-labelledby="«r8»"
+        aria-labelledby="_r_8_"
         class="_root_a44bb3"
         data-state="open"
       >
@@ -416,14 +416,14 @@ exports[`Account home page > renders the page 1`] = `
           >
             <h4
               class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93 _triggerTitle_a44bb3"
-              id="«r8»"
+              id="_r_8_"
             >
               Contact info
             </h4>
             <button
-              aria-controls="radix-«ra»"
+              aria-controls="radix-_r_a_"
               aria-expanded="true"
-              aria-labelledby="«rb»"
+              aria-labelledby="_r_b_"
               class="_icon-button_1pz9o_8 _triggerIcon_a44bb3"
               data-kind="primary"
               data-state="open"
@@ -454,7 +454,7 @@ exports[`Account home page > renders the page 1`] = `
         <article
           class="_content_a44bb3"
           data-state="open"
-          id="radix-«ra»"
+          id="radix-_r_a_"
           style="transition-duration: 0s; animation-name: none;"
         >
           <form
@@ -465,7 +465,7 @@ exports[`Account home page > renders the page 1`] = `
             >
               <label
                 class="_label_19upo_59"
-                for="radix-«rj»"
+                for="radix-_r_j_"
               >
                 Email
               </label>
@@ -474,7 +474,7 @@ exports[`Account home page > renders the page 1`] = `
               >
                 <input
                   class="_control_sqdq4_10 _userEmailField_06c85d"
-                  id="radix-«rj»"
+                  id="radix-_r_j_"
                   name="email"
                   readonly=""
                   title=""
@@ -492,7 +492,7 @@ exports[`Account home page > renders the page 1`] = `
             >
               <label
                 class="_label_19upo_59"
-                for="radix-«rn»"
+                for="radix-_r_n_"
               >
                 Add email
               </label>
@@ -500,9 +500,9 @@ exports[`Account home page > renders the page 1`] = `
                 class="_controls_17lij_8"
               >
                 <input
-                  aria-describedby="radix-«ro»"
+                  aria-describedby="radix-_r_o_"
                   class="_control_sqdq4_10"
-                  id="radix-«rn»"
+                  id="radix-_r_n_"
                   name="input"
                   required=""
                   title=""
@@ -511,7 +511,7 @@ exports[`Account home page > renders the page 1`] = `
               </div>
               <span
                 class="_message_19upo_85 _help-message_19upo_91"
-                id="radix-«ro»"
+                id="radix-_r_o_"
               >
                 Add an alternative email you can use to access this account.
               </span>
@@ -525,7 +525,7 @@ exports[`Account home page > renders the page 1`] = `
         role="separator"
       />
       <section
-        aria-labelledby="«rp»"
+        aria-labelledby="_r_p_"
         class="_root_a44bb3"
         data-state="open"
       >
@@ -537,14 +537,14 @@ exports[`Account home page > renders the page 1`] = `
           >
             <h4
               class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93 _triggerTitle_a44bb3"
-              id="«rp»"
+              id="_r_p_"
             >
               Account password
             </h4>
             <button
-              aria-controls="radix-«rr»"
+              aria-controls="radix-_r_r_"
               aria-expanded="true"
-              aria-labelledby="«rs»"
+              aria-labelledby="_r_s_"
               class="_icon-button_1pz9o_8 _triggerIcon_a44bb3"
               data-kind="primary"
               data-state="open"
@@ -575,7 +575,7 @@ exports[`Account home page > renders the page 1`] = `
         <article
           class="_content_a44bb3"
           data-state="open"
-          id="radix-«rr»"
+          id="radix-_r_r_"
           style="transition-duration: 0s; animation-name: none;"
         >
           <form
@@ -586,14 +586,14 @@ exports[`Account home page > renders the page 1`] = `
             >
               <label
                 class="_label_19upo_59"
-                for="radix-«r11»"
+                for="radix-_r_11_"
               >
                 Password
               </label>
               <input
-                aria-describedby="radix-«r12»"
+                aria-describedby="radix-_r_12_"
                 class="_control_sqdq4_10"
-                id="radix-«r11»"
+                id="radix-_r_11_"
                 name="password_preview"
                 readonly=""
                 title=""
@@ -602,7 +602,7 @@ exports[`Account home page > renders the page 1`] = `
               />
               <span
                 class="_message_19upo_85 _help-message_19upo_91"
-                id="radix-«r12»"
+                id="radix-_r_12_"
               >
                 <a
                   class="_link_2a6fa3"
@@ -621,7 +621,7 @@ exports[`Account home page > renders the page 1`] = `
         role="separator"
       />
       <section
-        aria-labelledby="«r13»"
+        aria-labelledby="_r_13_"
         class="_root_a44bb3"
         data-state="closed"
       >
@@ -633,14 +633,14 @@ exports[`Account home page > renders the page 1`] = `
           >
             <h4
               class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93 _triggerTitle_a44bb3"
-              id="«r13»"
+              id="_r_13_"
             >
               End-to-end encryption
             </h4>
             <button
-              aria-controls="radix-«r15»"
+              aria-controls="radix-_r_15_"
               aria-expanded="false"
-              aria-labelledby="«r16»"
+              aria-labelledby="_r_16_"
               class="_icon-button_1pz9o_8 _triggerIcon_a44bb3"
               data-kind="primary"
               data-state="closed"
@@ -675,7 +675,7 @@ exports[`Account home page > renders the page 1`] = `
         role="separator"
       />
       <button
-        aria-controls="radix-«r1b»"
+        aria-controls="radix-_r_1b_"
         aria-expanded="false"
         aria-haspopup="dialog"
         class="_button_vczzf_8 _has-icon_vczzf_57 _destructive_vczzf_107"
@@ -706,7 +706,7 @@ exports[`Account home page > renders the page 1`] = `
         role="separator"
       />
       <button
-        aria-controls="radix-«r1e»"
+        aria-controls="radix-_r_1e_"
         aria-expanded="false"
         aria-haspopup="dialog"
         class="_button_vczzf_8 self-center _has-icon_vczzf_57 _destructive_vczzf_107"