diff --git a/src/apps/pillarx-app/components/AnimatedTile/AnimatedTitle.tsx b/src/apps/pillarx-app/components/AnimatedTile/AnimatedTitle.tsx index 07af640a..8da4c4ba 100644 --- a/src/apps/pillarx-app/components/AnimatedTile/AnimatedTitle.tsx +++ b/src/apps/pillarx-app/components/AnimatedTile/AnimatedTitle.tsx @@ -32,8 +32,7 @@ const AnimatedTile = ({ const tileDisplay = meta?.display; const [ref, inView] = useInView({ - threshold: 0.2, - rootMargin: '75px 0px 0px 0px', + rootMargin: '100px 0px 0px 0px', }); useEffect(() => { @@ -53,7 +52,7 @@ const AnimatedTile = ({ const animationProps = useSpring({ transform: - inView && !isDataLoading ? 'translateY(0px)' : 'translateY(50px)', + inView && !isDataLoading ? 'translateY(0px)' : 'translateY(75px)', config: { tension: 170, friction: 26 }, onRest: () => { if (inView) {