Fix mobile infinite scroll by using <li> and threshold 0 for sentinel

1 files changed, 3 insertions, 3 deletions

diff --git a/frontend/src/components/FeedItems.tsx b/frontend/src/components/FeedItems.tsx
index 0f302d3..5220c77 100644
--- a/frontend/src/components/FeedItems.tsx
+++ b/frontend/src/components/FeedItems.tsx
@@ -201,7 +201,7 @@ export default function FeedItems() {
           }
         });
       },
-      { root: null, threshold: 0.1, rootMargin: '100px' }
+      { root: null, threshold: 0, rootMargin: '100px' }
     );
 
     items.forEach((_, index) => {
@@ -240,9 +240,9 @@ export default function FeedItems() {
             </div>
           ))}
           {hasMore && (
-            <div id="load-more-sentinel" className="loading-more">
+            <li id="load-more-sentinel" className="loading-more">
               {loadingMore ? 'Loading more...' : ''}
-            </div>
+            </li>
           )}
         </ul>
       )}