From 2ce98055d8c43c50f1a622e968827bded4db60a9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= <git@mkljczk.pl>
Date: Wed, 1 Mar 2023 21:02:04 +0100
Subject: [PATCH] Fix load more button height on account gallery page
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
---
 app/soapbox/components/load-more.tsx           | 7 ++++---
 app/soapbox/features/account-gallery/index.tsx | 2 +-
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/app/soapbox/components/load-more.tsx b/app/soapbox/components/load-more.tsx
index e937965fdd..878adda7cb 100644
--- a/app/soapbox/components/load-more.tsx
+++ b/app/soapbox/components/load-more.tsx
@@ -6,16 +6,17 @@ import { Button } from 'soapbox/components/ui';
 interface ILoadMore {
   onClick: React.MouseEventHandler
   disabled?: boolean
-  visible?: Boolean
+  visible?: boolean
+  className?: string
 }
 
-const LoadMore: React.FC<ILoadMore> = ({ onClick, disabled, visible = true }) => {
+const LoadMore: React.FC<ILoadMore> = ({ onClick, disabled, visible = true, className }) => {
   if (!visible) {
     return null;
   }
 
   return (
-    <Button theme='primary' block disabled={disabled || !visible} onClick={onClick}>
+    <Button className={className} theme='primary' block disabled={disabled || !visible} onClick={onClick}>
       <FormattedMessage id='status.load_more' defaultMessage='Load more' />
     </Button>
   );
diff --git a/app/soapbox/features/account-gallery/index.tsx b/app/soapbox/features/account-gallery/index.tsx
index 8aec040e9c..7082124c85 100644
--- a/app/soapbox/features/account-gallery/index.tsx
+++ b/app/soapbox/features/account-gallery/index.tsx
@@ -121,7 +121,7 @@ const AccountGallery = () => {
   let loadOlder = null;
 
   if (hasMore && !(isLoading && attachments.size === 0)) {
-    loadOlder = <LoadMore visible={!isLoading} onClick={handleLoadOlder} />;
+    loadOlder = <LoadMore className='my-auto' visible={!isLoading} onClick={handleLoadOlder} />;
   }
 
   if (unavailable) {