From 37e8a420d60d3c577bc282a86b82ad523cd8d2a3 Mon Sep 17 00:00:00 2001
From: MartinBraquet <martin.braquet@gmail.com>
Date: Fri, 31 Jul 2026 17:59:23 +0200
Subject: [PATCH] Adjust sticky rail offsets and max-height calculations for
 improved viewport usage

---
 web/components/profile/profile-info.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/web/components/profile/profile-info.tsx b/web/components/profile/profile-info.tsx
index ad7f9d1d..6143bbfa 100644
--- a/web/components/profile/profile-info.tsx
+++ b/web/components/profile/profile-info.tsx
@@ -483,10 +483,13 @@ function ProfileContent(props: {
             `row-span-2` gives the sticky element a containing block taller than itself, which is what
             it needs to have anywhere to travel. */}
         <ScrollPanel
-          className="lg:sticky lg:top-24 lg:col-start-2 lg:row-span-2 lg:row-start-1"
+          className="lg:sticky lg:top-6 lg:col-start-2 lg:row-span-2 lg:row-start-1"
           // `lg:pr-5` is the gutter the card's padding used to provide: without it the values, the
           // Big Five numbers in particular, sit hard against the scrollbar and get clipped by it.
-          scrollClassName="lg:overflow-y-auto lg:max-h-[calc(100vh-8rem)] lg:pr-5"
+          // The offset is small because nothing is pinned over the top of this page on desktop — the
+          // nav is the left column, not a bar — so anything larger is just unused viewport: the rail
+          // is the tallest thing here and every pixel of the cap is a pixel less to scroll.
+          scrollClassName="lg:overflow-y-auto lg:max-h-[calc(100vh-3rem)] lg:pr-5"
           fadeColorClass="from-canvas-100 to-transparent"
         >
           <RailBlocks profile={profile} userActivity={userActivity} isCurrentUser={isCurrentUser} />