diff --git a/packages/shared/src/components/notifications/NotificationFollowUserButton.tsx b/packages/shared/src/components/notifications/NotificationFollowUserButton.tsx index adb3ae42f8..d119b79992 100644 --- a/packages/shared/src/components/notifications/NotificationFollowUserButton.tsx +++ b/packages/shared/src/components/notifications/NotificationFollowUserButton.tsx @@ -38,7 +38,11 @@ export const NotificationFollowUserButton = ({ }, [avatars, referenceId]); return ( -
+ // Reserve the button's height (Small button = h-8) up front so the row + // keeps a constant height whether or not the button has mounted/resolved. + // Without this the button pops in as each row scrolls into view and jerks + // the rows below it. +
{inView && ( )} {type === NotificationType.UserFollow && ( - + )}