diff --git a/app/javascript/src/javascripts/file_upload_component.js b/app/javascript/src/javascripts/file_upload_component.js
index f4f356d0d..ad59d8b50 100644
--- a/app/javascript/src/javascripts/file_upload_component.js
+++ b/app/javascript/src/javascripts/file_upload_component.js
@@ -46,7 +46,7 @@ export default class FileUploadComponent {
       timeout: 0,
       uploadMultiple: true,
       createImageThumbnails: false,
-      acceptedFiles: "image/jpeg,image/png,image/gif,video/mp4,video/webm",
+      acceptedFiles: "image/jpeg,image/png,image/gif,image/webp,image/avif,video/mp4,video/webm",
       previewTemplate: this.$component.find(".dropzone-preview-template").html(),
     });