From 26939ecccee2f2ef150e2427dd829ef58c26e205 Mon Sep 17 00:00:00 2001
From: Hampus <hampus@fluxer.app>
Date: Mon, 24 Aug 2026 12:52:16 +0200
Subject: [PATCH] fix(app): let the profile popout banner fill its header
 (#1953)

---
 .../components/profile/profile_card/ProfileCardBanner.tsx  | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/fluxer_app/src/features/user/components/profile/profile_card/ProfileCardBanner.tsx b/fluxer_app/src/features/user/components/profile/profile_card/ProfileCardBanner.tsx
index d320a5293..89b665194 100644
--- a/fluxer_app/src/features/user/components/profile/profile_card/ProfileCardBanner.tsx
+++ b/fluxer_app/src/features/user/components/profile/profile_card/ProfileCardBanner.tsx
@@ -43,7 +43,7 @@ export const ProfileCardBanner: React.FC<ProfileCardBannerProps> = observer(
 		onAvatarClick,
 		onAvatarContextMenu,
 		onBannerContextMenu,
-		headerHeight = 140,
+		headerHeight = PROFILE_POPOUT_GEOMETRY.headerHeightPx,
 	}) => {
 		const bannerHeight = PROFILE_POPOUT_GEOMETRY.bannerHeightPx;
 		const reactId = useId();
@@ -65,12 +65,11 @@ export const ProfileCardBanner: React.FC<ProfileCardBannerProps> = observer(
 		});
 		const bannerStyle = useMemo<React.CSSProperties>(
 			() => ({
-				height: remFromPx(bannerHeight),
-				minHeight: remFromPx(bannerHeight),
+				height: '100%',
 				backgroundColor: bannerColor,
 				...(activeBannerUrl ? {backgroundImage: `url(${activeBannerUrl})`} : {}),
 			}),
-			[activeBannerUrl, bannerColor, bannerHeight],
+			[activeBannerUrl, bannerColor],
 		);
 		return (
 			<header