From 3c6526cf8bdeb9555006a05ed158e4a09d12b2ad Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Tue, 22 Nov 2022 12:41:56 +0800
Subject: [PATCH] Set the width of the drop container to 100% so it doesn't
 compress the list view

---
 .../web/components/templates/homeFeed/HomeFeedContainer.tsx  | 3 ++-
 packages/web/components/templates/library/LibraryList.tsx    | 5 ++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx b/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx
index 9c53341a6..e5811ab1d 100644
--- a/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx
+++ b/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx
@@ -908,7 +908,8 @@ function HomeFeedGrid(props: HomeFeedContentProps): JSX.Element {
                       fontSize: '$4',
                     }}
                   >
-                    Drop PDF document here to add to your library
+                    Drag PDF document to this area to upload and add to your
+                    library
                   </Box>
                 </DragnDropStyle>
               )}
diff --git a/packages/web/components/templates/library/LibraryList.tsx b/packages/web/components/templates/library/LibraryList.tsx
index b701c34b5..ebea7d71a 100644
--- a/packages/web/components/templates/library/LibraryList.tsx
+++ b/packages/web/components/templates/library/LibraryList.tsx
@@ -97,7 +97,10 @@ export function LibraryList(props: LibraryListProps): JSX.Element {
         noDragEventsBubbling={true}
       >
         {({ getRootProps, getInputProps, acceptedFiles, fileRejections }) => (
-          <Box {...getRootProps({ className: 'dropzone' })}>
+          <Box
+            {...getRootProps({ className: 'dropzone' })}
+            css={{ width: '100%' }}
+          >
             <input {...getInputProps()} />
             <Masonry
               breakpointCols={