From c10be0ebaadf5186ab9b6e69efff5e8f0e40f84a Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Sat, 10 Sep 2022 14:41:50 +0100
Subject: [PATCH] fix: Missing spacing on document history loading state

---
 app/components/List/Placeholder.tsx | 4 ++--
 app/components/PaginatedList.tsx    | 4 +++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/app/components/List/Placeholder.tsx b/app/components/List/Placeholder.tsx
index 1c952d5fd..98d352f93 100644
--- a/app/components/List/Placeholder.tsx
+++ b/app/components/List/Placeholder.tsx
@@ -14,7 +14,7 @@ type Props = {
   body?: PlaceholderTextProps;
 };
 
-const ListPlaceHolder = ({ count, className, header, body }: Props) => {
+const Placeholder = ({ count, className, header, body }: Props) => {
   return (
     <Fade>
       {times(count || 2, (index) => (
@@ -31,4 +31,4 @@ const Item = styled(Flex)`
   padding: 10px 0;
 `;
 
-export default ListPlaceHolder;
+export default Placeholder;
diff --git a/app/components/PaginatedList.tsx b/app/components/PaginatedList.tsx
index c2198ea95..0e8e24169 100644
--- a/app/components/PaginatedList.tsx
+++ b/app/components/PaginatedList.tsx
@@ -165,7 +165,9 @@ class PaginatedList<T extends PaginatedItem> extends React.Component<Props<T>> {
       return (
         this.props.loading || (
           <DelayedMount>
-            <PlaceholderList count={5} />
+            <div className={this.props.className}>
+              <PlaceholderList count={5} />
+            </div>
           </DelayedMount>
         )
       );