diff --git a/components/AssetsPreview.tsx b/components/AssetsPreview.tsx
index a6f88e3..5803db4 100644
--- a/components/AssetsPreview.tsx
+++ b/components/AssetsPreview.tsx
@@ -96,6 +96,18 @@ export const AssetsPreview = ({ assetFilesArray, updateMetadataFileIndex }: Asse
               />
             </div>
           )}
+
+          {getAssetType(assetSource.name) === 'html' && (
+            <div className="flex absolute flex-col items-center mt-4 ml-2">
+              <img
+                key={`html-${index}`}
+                alt="html_icon"
+                className={clsx('mb-2 ml-1 w-10 h-10 thumbnail')}
+                src="/html.png"
+              />
+              <span className="flex self-center">{assetSource.name.toLowerCase()}</span>
+            </div>
+          )}
         </label>
       </button>
     ))
diff --git a/components/collections/creation/UploadDetails.tsx b/components/collections/creation/UploadDetails.tsx
index d576317..53ecb54 100644
--- a/components/collections/creation/UploadDetails.tsx
+++ b/components/collections/creation/UploadDetails.tsx
@@ -488,7 +488,7 @@ export const UploadDetails = ({ onChange, minterType, baseMinterAcquisitionMetho
                       </div>
                     </div>
                   )}
-                  <Conditional test={assetFilesArray.length > 1}>
+                  <Conditional test={assetFilesArray.length >= 1}>
                     <MetadataModal
                       assetFile={assetFilesArray[metadataFileArrayIndex]}
                       metadataFile={metadataFilesArray[metadataFileArrayIndex]}
diff --git a/public/html.png b/public/html.png
new file mode 100644
index 0000000..c9ab4e7
Binary files /dev/null and b/public/html.png differ