diff --git a/services/web/frontend/extracted-translations.json b/services/web/frontend/extracted-translations.json
index 653c6fc247..59bbc42c89 100644
--- a/services/web/frontend/extracted-translations.json
+++ b/services/web/frontend/extracted-translations.json
@@ -64,7 +64,7 @@
   "change_or_cancel-or": "",
   "change_owner": "",
   "change_password": "",
-  "change_primary_email_address_instructions": "<0></0><2></2>",
+  "change_primary_email_address_instructions": "",
   "change_project_owner": "",
   "chat": "",
   "chat_error": "",
diff --git a/services/web/frontend/js/features/settings/components/emails-section.tsx b/services/web/frontend/js/features/settings/components/emails-section.tsx
index f8328af291..f97e5907d4 100644
--- a/services/web/frontend/js/features/settings/components/emails-section.tsx
+++ b/services/web/frontend/js/features/settings/components/emails-section.tsx
@@ -28,11 +28,15 @@ function EmailsSectionContent() {
       <h3>{t('emails_and_affiliations_title')}</h3>
       <p className="small">{t('emails_and_affiliations_explanation')}</p>
       <p className="small">
-        <Trans i18nKey="change_primary_email_address_instructions">
-          <strong />
-          {/* eslint-disable-next-line jsx-a11y/anchor-has-content */}
-          <a href="/learn/how-to/Managing_your_Overleaf_emails" />
-        </Trans>
+        <Trans
+          i18nKey="change_primary_email_address_instructions"
+          components={[
+            // eslint-disable-next-line react/jsx-key
+            <strong />,
+            // eslint-disable-next-line jsx-a11y/anchor-has-content, react/jsx-key
+            <a href="/learn/how-to/Managing_your_Overleaf_emails" />,
+          ]}
+        />
       </p>
       <>
         <EmailsHeader />