diff --git a/src/components/note-list.tsx b/src/components/note-list.tsx
index 14b86b9f..1f1c0cf6 100644
--- a/src/components/note-list.tsx
+++ b/src/components/note-list.tsx
@@ -44,7 +44,9 @@ export function NoteList({
 
   const [numVisibleNotes, setNumVisibleNotes] = useState(initialVisibleNotes)
 
-  const [bottomRef, bottomInView] = useInView()
+  const [bottomRef, bottomInView] = useInView({
+    rootMargin: "0px 0px 400px 0px",
+  })
 
   const loadMore = React.useCallback(() => {
     setNumVisibleNotes((num) => Math.min(num + 10, searchResults.length))