From 9b8d11957630c481f67cafe4fe4b19d956475563 Mon Sep 17 00:00:00 2001
From: Dinh Nguyen <dinh.nguyentrinhquoc@axonactive.com>
Date: Tue, 30 Jul 2024 15:39:43 +0700
Subject: [PATCH] update margin for flag div to load more

---
 marketplace-ui/src/app/modules/product/product.component.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/marketplace-ui/src/app/modules/product/product.component.ts b/marketplace-ui/src/app/modules/product/product.component.ts
index 3117e6d7b..2d927051a 100644
--- a/marketplace-ui/src/app/modules/product/product.component.ts
+++ b/marketplace-ui/src/app/modules/product/product.component.ts
@@ -138,7 +138,7 @@ export class ProductComponent implements AfterViewInit, OnDestroy {
   }
 
   setupIntersectionObserver() {
-    const options = { root: null, rootMargin: '0px', threshold: 0.1 };
+    const options = { root: null, rootMargin: '10px', threshold: 0.1 };
     const observer = new IntersectionObserver(entries => {
       entries.forEach(entry => {
         if (entry.isIntersecting && this.hasMore()) {