diff --git a/src/data-table/data-table.tsx b/src/data-table/data-table.tsx
index 07bd75cf5..6cfde5aea 100644
--- a/src/data-table/data-table.tsx
+++ b/src/data-table/data-table.tsx
@@ -62,8 +62,7 @@ export const DataTable = ({
         threshold: 0,
     });
     const { ref: containerRef, inView: isContainerInView } = useInView({
-        threshold: 0,
-        rootMargin: "-20px",
+        threshold: 0.2,
     });
 
     // =============================================================================