diff --git a/src/common/components/decks/deck-threads-form/deck-threads-form-toolbar-image-picker.tsx b/src/common/components/decks/deck-threads-form/deck-threads-form-toolbar-image-picker.tsx
index f502b49641b..a98c23c2e17 100644
--- a/src/common/components/decks/deck-threads-form/deck-threads-form-toolbar-image-picker.tsx
+++ b/src/common/components/decks/deck-threads-form/deck-threads-form-toolbar-image-picker.tsx
@@ -30,7 +30,7 @@ export const DeckThreadsFormToolbarImagePicker = ({ onAddImage }: Props) => {
 
   const checkFile = (filename: string) => {
     const filenameLow = filename.toLowerCase();
-    return ["jpg", "jpeg", "gif", "png"].some((el) => filenameLow.endsWith(el));
+    return ["jpg", "jpeg", "gif", "png", "webp"].some((el) => filenameLow.endsWith(el));
   };
 
   const fileInputChanged = (e: React.ChangeEvent<HTMLInputElement>): void => {
diff --git a/src/common/components/editor-toolbar/index.tsx b/src/common/components/editor-toolbar/index.tsx
index f32eacf8a1a..f43a551f2ff 100644
--- a/src/common/components/editor-toolbar/index.tsx
+++ b/src/common/components/editor-toolbar/index.tsx
@@ -390,7 +390,7 @@ export class EditorToolbar extends Component<Props> {
 
   checkFile = (filename: string) => {
     const filenameLow = filename.toLowerCase();
-    return ["jpg", "jpeg", "gif", "png"].some((el) => filenameLow.endsWith(el));
+    return ["jpg", "jpeg", "gif", "png", "webp"].some((el) => filenameLow.endsWith(el));
   };
 
   render() {