From dde26f6eba2dd3e06f7712527f58ad2920388796 Mon Sep 17 00:00:00 2001
From: Rupin Khandelwal <rupin@omnivore.app>
Date: Mon, 21 Nov 2022 12:27:13 -0300
Subject: [PATCH] fixing the z-index issue on card view

---
 .../templates/homeFeed/HomeFeedContainer.tsx  | 45 ++++++++++---------
 1 file changed, 23 insertions(+), 22 deletions(-)

diff --git a/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx b/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx
index d2e24b65d..a042fd0af 100644
--- a/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx
+++ b/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx
@@ -702,6 +702,7 @@ function HomeFeedGrid(props: HomeFeedContentProps): JSX.Element {
     display: 'flex',
     justifyContent: 'center',
     alignItems: 'center',
+    zIndex: '1',
   })
 
   const removeItem = () => {
@@ -897,28 +898,28 @@ function HomeFeedGrid(props: HomeFeedContentProps): JSX.Element {
                   </Box>
                 </DragnDropStyle>
               )}
-              {uploadingFiles.length > 0 ? (
-                <DragnDropStyle>
-                  <Box
-                    css={{
-                      color: '$utilityTextDefault',
-                      fontWeight: '800',
-                      fontSize: '$4',
-                      width:'80%'
-                    }}
-                  >
-                    <ProgressBar
-                      completed={60}
-                      maxCompleted={100}
-                      customLabel="Uploading Files..."
-                      bgColor='rgb(255, 210, 52)'
-                      labelColor='black'
-                      animateOnRender={true}
-                      initCompletedOnAnimation={60}
-                    />
-                  </Box>
-                </DragnDropStyle>
-              ) : null}
+              {uploadingFiles.length > 0 && (
+                  <DragnDropStyle>
+                    <Box
+                      css={{
+                        color: '$utilityTextDefault',
+                        fontWeight: '800',
+                        fontSize: '$4',
+                        width: '80%',
+                      }}
+                    >
+                      <ProgressBar
+                        completed={60}
+                        maxCompleted={100}
+                        customLabel="Uploading Files..."
+                        bgColor="rgb(255, 210, 52)"
+                        labelColor="black"
+                        animateOnRender={true}
+                        initCompletedOnAnimation={60}
+                      />
+                    </Box>
+                  </DragnDropStyle>
+              )}
               <input {...getInputProps()} />
               {!props.isValidating && props.items.length == 0 ? (
                 <EmptyLibrary