diff --git a/web/src/lib/components/profile/ProfileBio.svelte b/web/src/lib/components/profile/ProfileBio.svelte
index 9861882e3..3f7eb2e59 100644
--- a/web/src/lib/components/profile/ProfileBio.svelte
+++ b/web/src/lib/components/profile/ProfileBio.svelte
@@ -13,7 +13,7 @@
 	const segments = $derived(bioSegments(text));
 </script>
 
-<div data-testid="profileBio" class={className}>
+<div data-testid="profileBio" class={["whitespace-pre-line", className]}>
 	{#each segments as segment, i (i)}
 		{#if segment.kind === "mention"}
 			<ProfilePopover identifier={segment.handle}>
diff --git a/web/src/lib/components/profile/UserProfileChrome.svelte b/web/src/lib/components/profile/UserProfileChrome.svelte
index a2fa2ae7e..394c5127f 100644
--- a/web/src/lib/components/profile/UserProfileChrome.svelte
+++ b/web/src/lib/components/profile/UserProfileChrome.svelte
@@ -112,50 +112,53 @@
 				/>
 			</button>
 			<div
-				class="absolute inset-x-4 top-39.25 flex items-center justify-between gap-2xs sm:top-8.5 sm:left-auto sm:justify-end"
+				class="sm:absolute sm:top-8.5 sm:right-4 sm:left-43 sm:flex sm:items-center sm:gap-md"
 			>
-				<div class="flex items-center gap-2xs">
-					{#if isSelf}
-						<Button variant="default" icon={Pencil} onclick={() => (editing = true)}
-							>Edit</Button
+				<h1
+					title={identity.handle}
+					class="max-w-full truncate px-xl pt-30.75 typography-heading-4 sm:min-w-0 sm:flex-1 sm:px-none sm:pt-none"
+				>
+					{identity.handle}
+					{#if shown?.pronouns && !gate.masked}
+						<span
+							data-testid="profilePronouns"
+							data-pronouns={shown.pronouns}
+							class="ml-xs typography-paragraph-regular font-normal text-foreground-muted"
 						>
-					{:else}
-						<div class="min-w-23">
-							<FollowButton
-								profileDid={identity.did}
-								initialRkey={viewerFollowRkey}
-							/>
-						</div>
-						<div class="sm:min-w-22.5">
-							<VouchButton
-								profileDid={identity.did}
-								profileLabel={identity.handle}
-								initialVouch={viewerVouch}
-								{networkVouches}
-								hideLabelOnMobile
-							/>
-						</div>
+							{shown.pronouns}
+						</span>
 					{/if}
+				</h1>
+				<div
+					class="absolute inset-x-4 top-39.25 flex items-center justify-between gap-2xs sm:static sm:shrink-0 sm:justify-end"
+				>
+					<div class="flex items-center gap-2xs">
+						{#if isSelf}
+							<Button variant="default" icon={Pencil} onclick={() => (editing = true)}
+								>Edit</Button
+							>
+						{:else}
+							<div class="min-w-23">
+								<FollowButton
+									profileDid={identity.did}
+									initialRkey={viewerFollowRkey}
+								/>
+							</div>
+							<div class="sm:min-w-22.5">
+								<VouchButton
+									profileDid={identity.did}
+									profileLabel={identity.handle}
+									initialVouch={viewerVouch}
+									{networkVouches}
+									hideLabelOnMobile
+								/>
+							</div>
+						{/if}
+					</div>
+					<ProfileMoreMenu {identity} />
 				</div>
-				<ProfileMoreMenu {identity} />
 			</div>
 
-			<h1
-				title={identity.handle}
-				class="max-w-full truncate px-xl pt-30.75 typography-heading-4 sm:absolute sm:top-9.25 sm:right-4 sm:left-43 sm:w-fit sm:px-none sm:pt-none"
-			>
-				{identity.handle}
-				{#if shown?.pronouns && !gate.masked}
-					<span
-						data-testid="profilePronouns"
-						data-pronouns={shown.pronouns}
-						class="ml-xs typography-paragraph-regular font-normal text-foreground-muted"
-					>
-						{shown.pronouns}
-					</span>
-				{/if}
-			</h1>
-
 			<div
 				class="flex min-h-16 flex-col gap-md px-xl pt-xs sm:ml-39 sm:flex-row sm:justify-between sm:gap-xl sm:px-md sm:py-sm"
 			>
@@ -176,7 +179,7 @@
 					{#if shown?.description}
 						<ProfileBio
 							text={shown.description}
-							class="min-w-0 typography-paragraph-regular sm:-mt-px sm:py-2xs"
+							class="min-w-0 typography-paragraph-regular wrap-break-word sm:-mt-px sm:flex-1 sm:py-2xs"
 						/>
 					{/if}
 					{#if shown}
@@ -185,7 +188,7 @@
 							profile={shown}
 							followers={counts.followers}
 							following={counts.following}
-							class="max-sm:-ml-2.5 max-sm:flex-col max-sm:items-start max-sm:gap-xs"
+							class="max-sm:-ml-2.5 max-sm:flex-col max-sm:items-start max-sm:gap-xs sm:max-w-1/2 sm:shrink-0 sm:self-start"
 						/>
 					{/if}
 				{/if}