From 3d4ebb8abe114833095da7f95015d9a15e52d643 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Wed, 3 Jan 2024 10:54:55 +0800
Subject: [PATCH] Adjust rootMargin

---
 src/components/timeline.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/timeline.jsx b/src/components/timeline.jsx
index 7e792c4a..c56c27ba 100644
--- a/src/components/timeline.jsx
+++ b/src/components/timeline.jsx
@@ -453,7 +453,7 @@ function Timeline({
                 (showMore ? (
                   <InView
                     root={scrollableRef.current}
-                    rootMargin={Math.max(screen.width, screen.height) + 'px'}
+                    rootMargin={`0px 0px ${screen.height * 1.5}px 0px`}
                     onChange={(inView) => {
                       if (inView) {
                         loadItems();