Update style of selected collection

src/pages/gallery/components/AddCollection.tsx

@@ -16,6 +16,7 @@ const ImageContainer = styled.div`
 `;
 
 const StyledCard = styled(Card)`
+    border-radius: 30px !important;
     cursor: pointer;
 `;
 

src/pages/gallery/components/CollectionSelector.tsx

@@ -21,7 +21,7 @@ function CollectionSelector(props) {
                 showModal={showUploadModal}
                 collectionAndItsLatestFile={item}
             >
-                <Card>
+                <Card style={{ borderRadius: '30px' }}>
                     <PreviewCard
                         data={item.file}
                         updateUrl={() => { }}

src/pages/gallery/components/DropzoneWrapper.tsx

@@ -14,15 +14,16 @@ export const getColor = (props) => {
     }
 };
 
-export const enableBorder = (props) => (props.isDragActive ? 'dashed' : 'none');
+export const enableBorder = (props) => (props.isDragActive ? 'solid' : 'none');
 
 export const DropDiv = styled.div`
     width: 200px;
     margin: 5px;
-    height: 230px;
+    height: 240px;
+    padding: 4px;
     color: black;
-    border-width: 2px;
-    border-radius: 2px;
+    border-width: 4px;
+    border-radius: 34px;
     border-color: ${(props) => getColor(props)};
     border-style: ${(props) => enableBorder(props)};
     outline: none;