diff --git a/src/files/domain/models/FileTypeToFriendlyTypeMap.ts b/src/files/domain/models/FileTypeToFriendlyTypeMap.ts
index 6f40517aa..1e43cf9e6 100644
--- a/src/files/domain/models/FileTypeToFriendlyTypeMap.ts
+++ b/src/files/domain/models/FileTypeToFriendlyTypeMap.ts
@@ -195,6 +195,7 @@ const MimeTypeDisplay: Record<string, string> = {
   'application/photoshop': 'Photoshop Image',
   'image/vnd.adobe.photoshop': 'Photoshop Image',
   'application/x-photoshop': 'Photoshop Image',
+  'image/webp': 'WebP Image',
   // Audio
   'audio/x-aiff': 'AIFF Audio',
   'audio/mp3': 'MP3 Audio',
diff --git a/src/files/infrastructure/mappers/UploadedFileDTOMapper.ts b/src/files/infrastructure/mappers/UploadedFileDTOMapper.ts
index 57a6442cf..32681e33c 100644
--- a/src/files/infrastructure/mappers/UploadedFileDTOMapper.ts
+++ b/src/files/infrastructure/mappers/UploadedFileDTOMapper.ts
@@ -11,7 +11,8 @@ export class UploadedFileDTOMapper {
     storageId: string,
     checksumValue: string,
     checksumType: FixityAlgorithm,
-    fileType: string
+    fileType: string,
+    forceReplace?: boolean
   ): UploadedFileDTO {
     return {
       fileName: fileName,
@@ -22,7 +23,8 @@ export class UploadedFileDTOMapper {
       storageId: storageId,
       checksumValue: checksumValue,
       checksumType: checksumType,
-      mimeType: fileType === '' ? 'application/octet-stream' : fileType // some browsers (e.g., chromium for .java files) fail to detect the mime type for some files and leave the fileType as an empty string, we use the default value 'application/octet-stream' in that case
+      mimeType: fileType === '' ? 'application/octet-stream' : fileType, // some browsers (e.g., chromium for .java files) fail to detect the mime type for some files and leave the fileType as an empty string, we use the default value 'application/octet-stream' in that case,
+      ...(forceReplace && { forceReplace: true })
     }
   }
 }
diff --git a/src/sections/shared/file-uploader/useReplaceFile.ts b/src/sections/shared/file-uploader/useReplaceFile.ts
index 08e9c8477..5b4f7357c 100644
--- a/src/sections/shared/file-uploader/useReplaceFile.ts
+++ b/src/sections/shared/file-uploader/useReplaceFile.ts
@@ -28,7 +28,8 @@ export const useReplaceFile = (fileRepository: FileRepository): UseReplaceFileRe
       newFileInfo.storageId,
       newFileInfo.checksumValue,
       newFileInfo.checksumAlgorithm,
-      newFileInfo.fileType
+      newFileInfo.fileType,
+      true
     )
 
     try {