Fix icon cloud container on drop zone (#8750)

AudiusProject · Jun 7, 2024 · a355387 · a355387
1 parent 5416b35
commit a355387
Showing 1 changed file with 13 additions and 2 deletions.
diff --git a/packages/web/src/components/upload/Dropzone.tsx b/packages/web/src/components/upload/Dropzone.tsx
@@ -1,6 +1,13 @@
 import { ReactNode } from 'react'
 
-import { Flex, Text, TextLink, IconCloudUpload, Paper } from '@audius/harmony'
+import {
+  Flex,
+  Text,
+  TextLink,
+  IconCloudUpload,
+  Paper,
+  Box
+} from '@audius/harmony'
 import cn from 'classnames'
 import ReactDropzone from 'react-dropzone'
 
@@ -126,7 +133,11 @@ export const Dropzone = ({
                 {subtextAboveIcon}
               </Text>
             ) : null}
-            <IconCloudUpload className={cn(styles.iconUpload, iconClassName)} />
+            <Box w='100%'>
+              <IconCloudUpload
+                className={cn(styles.iconUpload, iconClassName)}
+              />
+            </Box>
           </>
         ) : null}
         <div className={cn(styles.text, messageClassName)}>{getMessage()}</div>