diff --git a/.changeset/profile-page-title-ssr.md b/.changeset/profile-page-title-ssr.md
new file mode 100644
index 00000000000..a845151cc84
--- /dev/null
+++ b/.changeset/profile-page-title-ssr.md
@@ -0,0 +1,2 @@
+---
+---
diff --git a/packages/mosaic/src/components/panel/panel.test.tsx b/packages/mosaic/src/components/panel/panel.test.tsx
index 8af1d7676be..aeb80129b88 100644
--- a/packages/mosaic/src/components/panel/panel.test.tsx
+++ b/packages/mosaic/src/components/panel/panel.test.tsx
@@ -73,7 +73,7 @@ describe('Panel', () => {
           <Profile.Nav>
             <Profile.NavItem value='account'>Account</Profile.NavItem>
           </Profile.Nav>
-          <Profile.Content>
+          <Profile.Content pageTitle='Account'>
             <Profile.ContentPanel value='account'>
               <Account />
             </Profile.ContentPanel>
@@ -96,7 +96,7 @@ describe('Panel', () => {
           <Profile.Nav>
             <Profile.NavItem value='account'>Account</Profile.NavItem>
           </Profile.Nav>
-          <Profile.Content>
+          <Profile.Content pageTitle='Account'>
             <Profile.ContentPanel value='account'>
               <Panel.Root>
                 <Panel.Title ref={titleRef}>Account</Panel.Title>
diff --git a/packages/mosaic/src/components/profile/profile.ssr.test.tsx b/packages/mosaic/src/components/profile/profile.ssr.test.tsx
new file mode 100644
index 00000000000..14ac0e6e101
--- /dev/null
+++ b/packages/mosaic/src/components/profile/profile.ssr.test.tsx
@@ -0,0 +1,32 @@
+// @vitest-environment node
+
+import React from 'react';
+import { renderToString } from 'react-dom/server';
+import { describe, expect, it } from 'vitest';
+
+import { MosaicProvider } from '../../mosaic-provider';
+import { Profile } from './profile';
+
+describe('Profile SSR', () => {
+  it('names the page in the page title heading on the server', () => {
+    const html = renderToString(
+      <MosaicProvider>
+        <Profile.Root value='security'>
+          <Profile.Title>User profile</Profile.Title>
+          <Profile.Nav>
+            <Profile.NavItem value='account'>Account</Profile.NavItem>
+            <Profile.NavItem value='security'>Security</Profile.NavItem>
+          </Profile.Nav>
+          <Profile.Content pageTitle='Security'>
+            <Profile.ContentPanel value='account'>Account page</Profile.ContentPanel>
+            <Profile.ContentPanel value='security'>Security page</Profile.ContentPanel>
+          </Profile.Content>
+        </Profile.Root>
+      </MosaicProvider>,
+    );
+
+    const pageTitle = html.match(/<h3[^>]*class="[^"]*\bcl-profile-page-title\b[^"]*"[^>]*>(.*?)<\/h3>/)?.[1];
+    expect(pageTitle).toContain('Security');
+    expect(pageTitle).not.toContain('Account');
+  });
+});
diff --git a/packages/mosaic/src/components/profile/profile.test.tsx b/packages/mosaic/src/components/profile/profile.test.tsx
index 6c1bfb4c6b0..e2d2325c6c6 100644
--- a/packages/mosaic/src/components/profile/profile.test.tsx
+++ b/packages/mosaic/src/components/profile/profile.test.tsx
@@ -15,6 +15,8 @@ import { Section } from '../section';
 import type { ProfileRootProps } from './profile';
 import { Profile } from './profile';
 
+const pageTitles: Record<string, string> = { account: 'Account', security: 'Security' };
+
 function Surface(rootProps: Partial<ProfileRootProps>) {
   return (
     <Profile.Root
@@ -31,7 +33,7 @@ function Surface(rootProps: Partial<ProfileRootProps>) {
         </Profile.NavItem>
         <Profile.NavItem value='security'>Security</Profile.NavItem>
       </Profile.Nav>
-      <Profile.Content>
+      <Profile.Content pageTitle={pageTitles[rootProps.value ?? 'account']}>
         <Profile.ContentPanel value='account'>
           <Panel.Root>
             <Panel.Title>Account</Panel.Title>
@@ -82,7 +84,7 @@ describe('Profile', () => {
             Account
           </Profile.NavItem>
         </Profile.Nav>
-        <Profile.Content>
+        <Profile.Content pageTitle='Account'>
           <Profile.ContentPanel value='account'>Account content</Profile.ContentPanel>
         </Profile.Content>
       </Profile.Root>,
@@ -116,7 +118,7 @@ describe('Profile', () => {
             Security
           </Profile.NavItem>
         </Profile.Nav>
-        <Profile.Content>
+        <Profile.Content pageTitle='Account'>
           <Profile.ContentPanel value='account'>Account content</Profile.ContentPanel>
           <Profile.ContentPanel value='security'>Security content</Profile.ContentPanel>
         </Profile.Content>
@@ -510,7 +512,7 @@ describe('Profile', () => {
             <Profile.Nav>
               <Profile.NavItem value='account'>Account</Profile.NavItem>
             </Profile.Nav>
-            <Profile.Content>
+            <Profile.Content pageTitle='Account'>
               <Profile.ContentPanel value='account'>
                 <Panel.Title ref={titleRef}>Account</Panel.Title>
               </Profile.ContentPanel>
diff --git a/packages/mosaic/src/components/profile/profile.tsx b/packages/mosaic/src/components/profile/profile.tsx
index 2c6c22d246a..7678462555f 100644
--- a/packages/mosaic/src/components/profile/profile.tsx
+++ b/packages/mosaic/src/components/profile/profile.tsx
@@ -204,9 +204,9 @@ const Title = React.forwardRef<HTMLHeadingElement, ProfileTitleProps>(function P
 
 export type ProfileNavProps = MosaicComponentProps<'nav'>;
 
-type NavItemMode = 'tab' | 'option' | 'label';
+type NavItemMode = 'tab' | 'option';
 
-// `Profile.Nav` children render again as the page title's label and as the select's options.
+// `Profile.Nav` children render again as the select's options.
 const NavItemModeContext = React.createContext<NavItemMode>('tab');
 
 function NavBranding() {
@@ -293,11 +293,8 @@ const NavItem = React.forwardRef<HTMLButtonElement, ProfileNavItemProps>(functio
   { value, icon, badge, disabled, children, render, xstyle, onClick, ...rest },
   ref,
 ) {
-  const { compact, closeNav, value: selected } = useProfileContext('Profile.NavItem');
+  const { compact, closeNav } = useProfileContext('Profile.NavItem');
   const mode = React.useContext(NavItemModeContext);
-  if (mode === 'label') {
-    return value === selected ? children : null;
-  }
   const styleProps = mergeStyleProps(
     themeProps('profile-nav-item'),
     stylex.props(reset.base, styles.navItem, focusOutline.visible, mode === 'option' && styles.navItemOption, xstyle),
@@ -362,7 +359,7 @@ const NavItem = React.forwardRef<HTMLButtonElement, ProfileNavItemProps>(functio
   );
 });
 
-function PageTitle() {
+function PageTitle({ title }: { title: React.ReactNode }) {
   const {
     navLayout,
     navOpen,
@@ -376,11 +373,7 @@ function PageTitle() {
     navTriggerRef,
   } = useProfileContext('Profile.Content');
   const level = useHeadingLevel();
-  const label = (
-    <span id={`${pageTitleId}-label`}>
-      <NavItemModeContext.Provider value='label'>{navItems}</NavItemModeContext.Provider>
-    </span>
-  );
+  const label = <span id={`${pageTitleId}-label`}>{title}</span>;
   const triggerProps = mergeStyleProps(
     themeProps('profile-nav-trigger'),
     stylex.props(reset.base, styles.navTrigger, focusOutline.visible),
@@ -449,11 +442,14 @@ function PageTitle() {
   );
 }
 
-export type ProfileContentProps = MosaicComponentProps<'div'>;
+export interface ProfileContentProps extends MosaicComponentProps<'div'> {
+  /** The selected page's name, shown as the page title. */
+  pageTitle: React.ReactNode;
+}
 
 // A plain `div`, not `main`: the profile often renders inside the host's `main` or a dialog.
 const Content = React.forwardRef<HTMLDivElement, ProfileContentProps>(function ProfileContent(
-  { children, render, xstyle, ...rest },
+  { pageTitle, children, render, xstyle, ...rest },
   ref,
 ) {
   const { inline, compact, renderBranding } = useProfileContext('Profile.Content');
@@ -480,7 +476,7 @@ const Content = React.forwardRef<HTMLDivElement, ProfileContentProps>(function P
         >
           <div {...mergeStyleProps(themeProps('profile-content-body'), stylex.props(reset.base, styles.contentBody))}>
             <HeadingLevelProvider>
-              <PageTitle />
+              <PageTitle title={pageTitle} />
             </HeadingLevelProvider>
             {children}
             {inline && renderBranding && !compact ? (
@@ -537,7 +533,7 @@ const ContentPanel = React.forwardRef<HTMLDivElement, ProfileContentPanelProps>(
  *   <Profile.Nav>
  *     <Profile.NavItem value='account' icon={<Icon name='user-circle' size='sm' />}>Account</Profile.NavItem>
  *   </Profile.Nav>
- *   <Profile.Content>
+ *   <Profile.Content pageTitle='Account'>
  *     <Profile.ContentPanel value='account'>…</Profile.ContentPanel>
  *   </Profile.Content>
  * </Profile.Root>
diff --git a/packages/mosaic/src/features/organization-profile/organization-profile.view.tsx b/packages/mosaic/src/features/organization-profile/organization-profile.view.tsx
index 15d43add4f4..5dbf32f5a02 100644
--- a/packages/mosaic/src/features/organization-profile/organization-profile.view.tsx
+++ b/packages/mosaic/src/features/organization-profile/organization-profile.view.tsx
@@ -63,7 +63,8 @@ export const OrganizationProfileView = React.forwardRef<HTMLDivElement, Organiza
     if (!firstPage) {
       logger.warnOnce('[Clerk] OrganizationProfile has no pages to show.');
     }
-    const resolvedPage = entries.some(entry => entry.id === activePage) ? activePage : (firstPage?.id ?? 'general');
+    const resolvedEntry = entries.find(entry => entry.id === activePage) ?? firstPage;
+    const resolvedPage = resolvedEntry?.id ?? 'general';
 
     return (
       <Profile.Root
@@ -93,7 +94,9 @@ export const OrganizationProfileView = React.forwardRef<HTMLDivElement, Organiza
             </Profile.NavItem>
           ))}
         </Profile.Nav>
-        <Profile.Content>
+        <Profile.Content
+          pageTitle={resolvedEntry?.custom ? resolvedEntry.custom.label : resolvedEntry && m.pages[resolvedEntry.id]}
+        >
           {entries.map(entry => (
             <Profile.ContentPanel
               key={entry.id}
diff --git a/packages/mosaic/src/features/user-profile/user-profile.view.tsx b/packages/mosaic/src/features/user-profile/user-profile.view.tsx
index b28cf20e8d0..0ed06154d00 100644
--- a/packages/mosaic/src/features/user-profile/user-profile.view.tsx
+++ b/packages/mosaic/src/features/user-profile/user-profile.view.tsx
@@ -56,7 +56,8 @@ export const UserProfileView = React.forwardRef<HTMLDivElement, UserProfileViewP
   if (!firstPage) {
     logger.warnOnce('[Clerk] UserProfile has no pages to show.');
   }
-  const resolvedPage = entries.some(entry => entry.id === activePage) ? activePage : (firstPage?.id ?? 'account');
+  const resolvedEntry = entries.find(entry => entry.id === activePage) ?? firstPage;
+  const resolvedPage = resolvedEntry?.id ?? 'account';
 
   return (
     <Profile.Root
@@ -86,7 +87,9 @@ export const UserProfileView = React.forwardRef<HTMLDivElement, UserProfileViewP
           </Profile.NavItem>
         ))}
       </Profile.Nav>
-      <Profile.Content>
+      <Profile.Content
+        pageTitle={resolvedEntry?.custom ? resolvedEntry.custom.label : resolvedEntry && m.pages[resolvedEntry.id]}
+      >
         {entries.map(entry => (
           <Profile.ContentPanel
             key={entry.id}
diff --git a/packages/swingset/src/stories/action-bar.stories.tsx b/packages/swingset/src/stories/action-bar.stories.tsx
index 2b9efb5a465..ebda0050ce0 100644
--- a/packages/swingset/src/stories/action-bar.stories.tsx
+++ b/packages/swingset/src/stories/action-bar.stories.tsx
@@ -170,7 +170,7 @@ function MembersProfile({
           Members
         </Profile.NavItem>
       </Profile.Nav>
-      <Profile.Content>
+      <Profile.Content pageTitle='Members'>
         <Profile.ContentPanel value='members'>
           <Panel.Root>
             <Panel.Title>Members</Panel.Title>
diff --git a/packages/swingset/src/stories/profile.component.mdx b/packages/swingset/src/stories/profile.component.mdx
index a6222c0800c..bac6a1c6376 100644
--- a/packages/swingset/src/stories/profile.component.mdx
+++ b/packages/swingset/src/stories/profile.component.mdx
@@ -45,7 +45,7 @@ import { Profile } from '@clerk/mosaic/components/profile';
       Security
     </Profile.NavItem>
   </Profile.Nav>
-  <Profile.Content>
+  <Profile.Content pageTitle={page === 'security' ? 'Security' : 'Account'}>
     <Profile.ContentPanel value='account'>…</Profile.ContentPanel>
     <Profile.ContentPanel value='security'>…</Profile.ContentPanel>
   </Profile.Content>
@@ -60,7 +60,7 @@ scrolls, the columns a gap apart, held to a reading width and centered. A
 leading mark and trailing status. A `Badge` passed to `badge` is `neutral` unless it sets its own `color`. `Title` is a visually hidden heading: it names the navigation, the compact
 sheet, and — inside a dialog — the dialog itself, the way `Card.Title` does.
 
-`Content` renders the page title above the pages: the selected `NavItem`'s label, as a heading that
+`Content` renders its `pageTitle` above the pages, the selected page's name, as a heading that
 scrolls with the page and names it. A page's `Panel.Title` renders nothing there, and a ref on it
 reaches the page title instead.
 
diff --git a/packages/swingset/src/stories/profile.component.stories.tsx b/packages/swingset/src/stories/profile.component.stories.tsx
index a5416ca54e7..878ddf14b8b 100644
--- a/packages/swingset/src/stories/profile.component.stories.tsx
+++ b/packages/swingset/src/stories/profile.component.stories.tsx
@@ -183,7 +183,7 @@ function Surface({
           </Profile.NavItem>
         ))}
       </Profile.Nav>
-      <Profile.Content>
+      <Profile.Content pageTitle={pages.find(item => item.id === page)?.label}>
         {pages.map(item => (
           <Profile.ContentPanel
             key={item.id}