From e5b3de326f72bf9a7dbde0ed83a0a1bb2c67243e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= <git@mkljczk.pl>
Date: Sun, 15 Sep 2024 23:39:39 +0200
Subject: [PATCH] pl-fe: fix load more button margin
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
---
 packages/pl-fe/src/components/scrollable-list.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/pl-fe/src/components/scrollable-list.tsx b/packages/pl-fe/src/components/scrollable-list.tsx
index 64706542f..aa821c12c 100644
--- a/packages/pl-fe/src/components/scrollable-list.tsx
+++ b/packages/pl-fe/src/components/scrollable-list.tsx
@@ -198,7 +198,11 @@ const ScrollableList = React.forwardRef<VirtuosoHandle, IScrollableList>(({
     if (autoloadMore || !hasMore || !onLoadMore) {
       return null;
     } else {
-      return <LoadMore className={loadMoreClassName} visible={!isLoading} onClick={onLoadMore} />;
+      const button = <LoadMore visible={!isLoading} onClick={onLoadMore} />;
+
+      if (loadMoreClassName) return <div className={loadMoreClassName}>{button}</div>;
+
+      return button;
     }
   };