From 3414ec200c38f0f841cf768cfcc3fbf8576e783b Mon Sep 17 00:00:00 2001
From: Serkan Reis <serkanreis@gmail.com>
Date: Fri, 5 Aug 2022 12:04:50 +0300
Subject: [PATCH] Center audio and video previews on asset grid cells

---
 components/collections/creation/UploadDetails.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/collections/creation/UploadDetails.tsx b/components/collections/creation/UploadDetails.tsx
index 23916fb..68e7d74 100644
--- a/components/collections/creation/UploadDetails.tsx
+++ b/components/collections/creation/UploadDetails.tsx
@@ -146,7 +146,7 @@ export const UploadDetails = ({ onChange }: UploadDetailsProps) => {
         tempArray.push(
           <video
             key={assetFile.name}
-            className="relative px-1 my-1 thumbnail"
+            className="absolute px-1 my-1 thumbnail"
             id="video"
             muted
             onMouseEnter={(e) => {
@@ -426,14 +426,14 @@ export const UploadDetails = ({ onChange }: UploadDetailsProps) => {
                             htmlFor="my-modal-4"
                           >
                             {getAssetType(assetSource.name) === 'audio' && (
-                              <div className="flex relative flex-col items-center ml-2">
+                              <div className="flex absolute flex-col items-center mt-4 ml-2">
                                 <img
                                   key={`audio-${index}`}
                                   alt="audio_icon"
-                                  className="relative mb-2 ml-1 w-6 h-6 thumbnail"
+                                  className="mb-2 ml-1 w-6 h-6 thumbnail"
                                   src="/audio.png"
                                 />
-                                <span className="relative self-center">{assetSource.name}</span>
+                                <span className="flex self-center ">{assetSource.name}</span>
                               </div>
                             )}
                             {getAssetType(assetSource.name) === 'video' &&