Fix tag in upload

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@codex-storage/marketplace-ui-components",
-  "version": "0.0.39",
+  "version": "0.0.40",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@codex-storage/marketplace-ui-components",
-      "version": "0.0.39",
+      "version": "0.0.40",
       "license": "MIT",
       "dependencies": {
         "lucide-react": "^0.453.0"

package.json

@@ -5,7 +5,7 @@
     "type": "git",
     "url": "https://github.com/codex-storage/codex-marketplace-ui-components"
   },
-  "version": "0.0.39",
+  "version": "0.0.40",
   "type": "module",
   "scripts": {
     "prepack": "npm run build",

src/components/Upload/UploadFile.css

@@ -33,7 +33,7 @@
           border-radius: var(--codex-border-radius);
         }
 
-        p {
+        .preview {
           flex-grow: 1;
           margin: 0;
 

src/components/Upload/UploadFile.tsx

@@ -281,7 +281,7 @@ export function UploadFile({
             ) : (
               <WebFileIcon type={file.type} />
             )}
-            <p>
+            <div className="preview">
               <b>
                 <span>{filename}</span>
                 {extension && <span>.{extension}</span>}
@@ -289,7 +289,7 @@ export function UploadFile({
               <div>
                 <small>{PrettyBytes(file.size)}</small>
               </div>
-            </p>
+            </div>
           </div>
           <div>
             <UploadStatusIcon status={status} />