diff --git a/web/src/lib/components/profile/organization/OrganizationChrome.svelte b/web/src/lib/components/profile/organization/OrganizationChrome.svelte
index 693d96664..e50b972ca 100644
--- a/web/src/lib/components/profile/organization/OrganizationChrome.svelte
+++ b/web/src/lib/components/profile/organization/OrganizationChrome.svelte
@@ -12,9 +12,10 @@
 	import ProfileTabs from "$lib/components/profile/ProfileTabs.svelte";
 	import type { ProfileCounts } from "$lib/components/profile/types";
 	import Avatar from "$lib/components/ui/Avatar.svelte";
+	import Separator from "$lib/components/ui/Separator.svelte";
 	import TabPanel from "$lib/components/ui/TabPanel.svelte";
 	import User from "$lib/components/ui/User.svelte";
-	import ProfilePopover from "../ProfilePopover.svelte";
+	import ProfilePopover from "$lib/components/profile/ProfilePopover.svelte";
 
 	interface Props {
 		identity: { did: string; handle: string };
@@ -27,6 +28,8 @@
 
 	let { identity, profile, counts, viewerFollowRkey, activeTab, content }: Props = $props();
 
+	const blurLayers = [1.5, 2, 4, 6];
+
 	const followersHref = $derived(
 		`/${identity.handle}?${new URLSearchParams({
 			tab: "followers",
@@ -45,7 +48,7 @@
 				class="relative h-38 border-b border-border-default bg-linear-to-b from-background-default to-background-muted dark:bg-background-default dark:bg-none"
 			>
 				<div
-					class="absolute inset-3 grid grid-cols-[repeat(32,1.3125rem)] gap-x-2.5 gap-y-1.5 overflow-hidden mask-[radial-gradient(ellipse_at_90%_100%,black_20%,transparent_82%)] opacity-35"
+					class="absolute inset-3 grid grid-cols-[repeat(32,1.3125rem)] gap-x-2.5 gap-y-1.5 overflow-hidden mask-[linear-gradient(to_bottom,transparent_0%,black_100%)] opacity-35"
 					aria-hidden="true"
 				>
 					{#each Array(160) as _, index (index)}
@@ -53,6 +56,15 @@
 					{/each}
 				</div>
 
+				<div class="absolute inset-x-0 bottom-0 h-20 max-sm:hidden" aria-hidden="true">
+					{#each blurLayers as strength, index (strength)}
+						<div
+							class="absolute inset-0"
+							style={`backdrop-filter:blur(${strength}px);mask-image:linear-gradient(to bottom, transparent ${index * 25}%, black ${(index + 1) * 25}%)`}
+						></div>
+					{/each}
+				</div>
+
 				<Avatar
 					did={identity.did}
 					handle={identity.handle}
@@ -62,7 +74,7 @@
 			</div>
 
 			<div
-				class="flex flex-col items-center gap-4 px-4 pt-14 pb-8 text-center max-sm:gap-6 max-sm:pt-20.75 max-sm:pb-0"
+				class="flex flex-col items-center gap-4 px-4 pt-14 pb-8 text-center max-sm:gap-8 max-sm:pt-20.75 max-sm:pb-6"
 			>
 				<div class="flex flex-col items-center gap-4">
 					<h1 class="flex items-center gap-2 typography-heading-4">
@@ -87,9 +99,7 @@
 				<div
 					class="flex max-w-full flex-wrap items-center justify-center gap-3 typography-paragraph-small max-sm:w-full max-sm:flex-col max-sm:items-start"
 				>
-					<span
-						class="flex items-center gap-1 rounded-sm border border-border-subtle bg-background-subtle px-2.5 py-1"
-					>
+					<span class="flex items-center gap-1 px-2.5 py-1">
 						<UserRoundCog class="size-4" aria-hidden="true" />
 						<span>Managed by</span>
 						<ProfilePopover did={organizationManager.did}>
@@ -111,6 +121,8 @@
 					/>
 				</div>
 			</div>
+
+			<Separator class="sm:hidden" />
 		</section>
 		{@render content()}
 	{:else}