diff --git a/packages/app/src/Element/Event/NoteInner.tsx b/packages/app/src/Element/Event/NoteInner.tsx
index bb8a70fe..54b3aa12 100644
--- a/packages/app/src/Element/Event/NoteInner.tsx
+++ b/packages/app/src/Element/Event/NoteInner.tsx
@@ -38,7 +38,7 @@ export function NoteInner(props: NoteProps) {
   const [showReactions, setShowReactions] = useState(false);
 
   const { isEventMuted } = useModeration();
-  const { ref, inView } = useInView({ triggerOnce: true });
+  const { ref, inView } = useInView({ triggerOnce: true, rootMargin: "2000px" });
   const { reactions, reposts, deletions, zaps } = useEventReactions(NostrLink.fromEvent(ev), related);
   const login = useLogin();
   const { pinned, bookmarked } = useLogin();
diff --git a/packages/app/src/Element/Event/NoteReaction.tsx b/packages/app/src/Element/Event/NoteReaction.tsx
index cf6666c0..a1cfd396 100644
--- a/packages/app/src/Element/Event/NoteReaction.tsx
+++ b/packages/app/src/Element/Event/NoteReaction.tsx
@@ -19,7 +19,7 @@ export interface NoteReactionProps {
 export default function NoteReaction(props: NoteReactionProps) {
   const { data: ev } = props;
   const { isMuted } = useModeration();
-  const { inView, ref } = useInView({ triggerOnce: true });
+  const { inView, ref } = useInView({ triggerOnce: true, rootMargin: "2000px" });
   const profile = useUserProfile(inView ? ev.pubkey : "");
 
   const refEvent = useMemo(() => {
diff --git a/packages/app/src/Element/Event/ShowMore.tsx b/packages/app/src/Element/Event/ShowMore.tsx
index fc3369c0..4cc0e6cf 100644
--- a/packages/app/src/Element/Event/ShowMore.tsx
+++ b/packages/app/src/Element/Event/ShowMore.tsx
@@ -23,7 +23,7 @@ const ShowMore = ({ text, onClick, className = "" }: ShowMoreProps) => {
 export default ShowMore;
 
 export function ShowMoreInView({ text, onClick, className }: ShowMoreProps) {
-  const { ref, inView } = useInView();
+  const { ref, inView } = useInView({ rootMargin: "2000px" });
 
   useEffect(() => {
     if (inView) {
diff --git a/packages/app/src/Element/Feed/LoadMore.tsx b/packages/app/src/Element/Feed/LoadMore.tsx
index 12ebb7d5..40aba7b8 100644
--- a/packages/app/src/Element/Feed/LoadMore.tsx
+++ b/packages/app/src/Element/Feed/LoadMore.tsx
@@ -13,7 +13,7 @@ export default function LoadMore({
   shouldLoadMore: boolean;
   children?: React.ReactNode;
 }) {
-  const { ref, inView } = useInView();
+  const { ref, inView } = useInView({ rootMargin: "2000px" });
   const [tick, setTick] = useState<number>(0);
 
   useEffect(() => {