diff --git a/web/app/components/base/file-uploader/file-uploader-in-chat-input/file-image-item.tsx b/web/app/components/base/file-uploader/file-uploader-in-chat-input/file-image-item.tsx
index a1095fefe7..906c322991 100644
--- a/web/app/components/base/file-uploader/file-uploader-in-chat-input/file-image-item.tsx
+++ b/web/app/components/base/file-uploader/file-uploader-in-chat-input/file-image-item.tsx
@@ -38,7 +38,7 @@ const FileImageItem = ({
       />
       {
         progress > 0 && progress < 100 && (
-          <div className='absolute inset-0 flex items-center justify-center border-[2px] border-effects-image-frame bg-background-overlay-alt'>
+          <div className='absolute inset-0 flex items-center justify-center border-[2px] border-effects-image-frame bg-background-overlay-alt z-10'>
             <ProgressCircle
               percentage={progress}
               size={12}
@@ -51,7 +51,7 @@ const FileImageItem = ({
       }
       {
         progress === -1 && (
-          <div className='absolute inset-0 flex items-center justify-center border-[2px] border-state-destructive-border bg-background-overlay-destructive'>
+          <div className='absolute inset-0 flex items-center justify-center border-[2px] border-state-destructive-border bg-background-overlay-destructive z-10'>
             <ReplayLine
               className='w-5 h-5'
               onClick={() => onReUpload?.(fileId)}
diff --git a/web/app/components/base/file-uploader/utils.ts b/web/app/components/base/file-uploader/utils.ts
index 6b77ebfee2..c4fc5bc94b 100644
--- a/web/app/components/base/file-uploader/utils.ts
+++ b/web/app/components/base/file-uploader/utils.ts
@@ -39,22 +39,22 @@ export const fileUpload: FileUpload = ({
 
 export const getFileAppearanceType = (file?: File) => {
   if (!file)
-    return FileAppearanceTypeEnum.OTHER
+    return FileAppearanceTypeEnum.custom
   const mimeType = file.type
 
   if (mimeType.includes('image'))
-    return FileAppearanceTypeEnum.IMAGE
+    return FileAppearanceTypeEnum.image
 
   if (mimeType.includes('video'))
-    return FileAppearanceTypeEnum.VIDEO
+    return FileAppearanceTypeEnum.video
 
   if (mimeType.includes('audio'))
-    return FileAppearanceTypeEnum.AUDIO
+    return FileAppearanceTypeEnum.audio
 
   if (mimeType.includes('pdf'))
-    return FileAppearanceTypeEnum.PDF
+    return FileAppearanceTypeEnum.pdf
 
-  return FileAppearanceTypeEnum.OTHER
+  return FileAppearanceTypeEnum.custom
 }
 
 export const isImage = (file?: File) => {