diff --git a/ui/v2.5/src/components/Shared/ImageInput.tsx b/ui/v2.5/src/components/Shared/ImageInput.tsx
index 3417cb7c9..4b6183779 100644
--- a/ui/v2.5/src/components/Shared/ImageInput.tsx
+++ b/ui/v2.5/src/components/Shared/ImageInput.tsx
@@ -19,6 +19,10 @@ interface IImageInput {
   acceptSVG?: boolean;
 }
 
+function acceptExtensions(acceptSVG: boolean = false) {
+  return `.jpg,.jpeg,.png,.webp,.gif${acceptSVG ? ",.svg" : ""}`;
+}
+
 export const ImageInput: React.FC<IImageInput> = ({
   isEditing,
   text,
@@ -42,7 +46,7 @@ export const ImageInput: React.FC<IImageInput> = ({
         <Form.Control
           type="file"
           onChange={onImageChange}
-          accept={`.jpg,.jpeg,.png${acceptSVG ? ",.svg" : ""}`}
+          accept={acceptExtensions(acceptSVG)}
         />
       </Form.Label>
     );
@@ -102,7 +106,7 @@ export const ImageInput: React.FC<IImageInput> = ({
               <Form.Control
                 type="file"
                 onChange={onImageChange}
-                accept={`.jpg,.jpeg,.png${acceptSVG ? ",.svg" : ""}`}
+                accept={acceptExtensions(acceptSVG)}
               />
             </Form.Label>
           </div>