diff --git a/.changeset/three-planes-tell.md b/.changeset/three-planes-tell.md
new file mode 100644
index 00000000000..a845151cc84
--- /dev/null
+++ b/.changeset/three-planes-tell.md
@@ -0,0 +1,2 @@
+---
+---
diff --git a/packages/clerk-js/src/ui/components/UserProfile/EmailForm.tsx b/packages/clerk-js/src/ui/components/UserProfile/EmailForm.tsx
index baf3ac9da9f..a859598fa9e 100644
--- a/packages/clerk-js/src/ui/components/UserProfile/EmailForm.tsx
+++ b/packages/clerk-js/src/ui/components/UserProfile/EmailForm.tsx
@@ -4,7 +4,7 @@ import React from 'react';
 
 import { useWizard, Wizard } from '../../common';
 import { useEnvironment } from '../../contexts';
-import { localizationKeys, Text } from '../../customizables';
+import { localizationKeys } from '../../customizables';
 import type { FormProps } from '../../elements';
 import { Form, FormButtons, FormContainer, useCardState, withCardStateProvider } from '../../elements';
 import { handleError, useFormControl } from '../../utils';
@@ -51,16 +51,15 @@ export const EmailForm = withCardStateProvider((props: EmailFormProps) => {
 
   return (
     <Wizard {...wizard.props}>
-      <FormContainer headerTitle={title}>
+      <FormContainer
+        headerTitle={title}
+        headerSubtitle={
+          preferEmailLinks
+            ? localizationKeys('userProfile.emailAddressPage.emailLink.formHint')
+            : localizationKeys('userProfile.emailAddressPage.emailCode.formHint')
+        }
+      >
         <Form.Root onSubmit={addEmail}>
-          <Text
-            localizationKey={
-              preferEmailLinks
-                ? localizationKeys('userProfile.emailAddressPage.emailLink.formHint')
-                : localizationKeys('userProfile.emailAddressPage.emailCode.formHint')
-            }
-            colorScheme='neutral'
-          />
           <Form.ControlRow elementId={emailField.id}>
             <Form.PlainInput
               {...emailField.props}