diff --git a/web/core/components/core/image-picker-popover.tsx b/web/core/components/core/image-picker-popover.tsx
index db946199135..a563f0f5cd9 100644
--- a/web/core/components/core/image-picker-popover.tsx
+++ b/web/core/components/core/image-picker-popover.tsx
@@ -90,7 +90,8 @@ export const ImagePickerPopover: React.FC<Props> = observer((props) => {
   const { getRootProps, getInputProps, isDragActive, fileRejections } = useDropzone({
     onDrop,
     accept: {
-      "image/*": [".png", ".jpg", ".jpeg", ".webp"],
+      "image/jpeg": [],
+      "image/png": [],
     },
     maxSize: config?.file_size_limit ?? MAX_FILE_SIZE,
   });
@@ -356,7 +357,7 @@ export const ImagePickerPopover: React.FC<Props> = observer((props) => {
                       </p>
                     )}
 
-                    <p className="text-sm text-custom-text-200">File formats supported- .jpeg, .jpg, .png, .webp</p>
+                    <p className="text-sm text-custom-text-200">File formats supported- .jpeg, .jpg, .png</p>
 
                     <div className="flex h-12 items-start justify-end gap-2">
                       <Button
@@ -388,3 +389,4 @@ export const ImagePickerPopover: React.FC<Props> = observer((props) => {
     </Popover>
   );
 });
+
diff --git a/web/core/components/core/modals/user-image-upload-modal.tsx b/web/core/components/core/modals/user-image-upload-modal.tsx
index 7e033053f78..672155ad6fb 100644
--- a/web/core/components/core/modals/user-image-upload-modal.tsx
+++ b/web/core/components/core/modals/user-image-upload-modal.tsx
@@ -39,7 +39,8 @@ export const UserImageUploadModal: React.FC<Props> = observer((props) => {
   const { getRootProps, getInputProps, isDragActive, fileRejections } = useDropzone({
     onDrop,
     accept: {
-      "image/*": [".png", ".jpg", ".jpeg", ".webp"],
+      "image/jpeg": [],
+      "image/png": [],
     },
     maxSize: config?.file_size_limit ?? MAX_FILE_SIZE,
     multiple: false,
@@ -143,7 +144,6 @@ export const UserImageUploadModal: React.FC<Props> = observer((props) => {
                             </span>
                           </div>
                         )}
-
                         <input {...getInputProps()} />
                       </div>
                     </div>
@@ -156,7 +156,7 @@ export const UserImageUploadModal: React.FC<Props> = observer((props) => {
                     )}
                   </div>
                 </div>
-                <p className="my-4 text-sm text-custom-text-200">File formats supported- .jpeg, .jpg, .png, .webp</p>
+                <p className="my-4 text-sm text-custom-text-200">File formats supported- .jpeg, .jpg, .png</p>
                 <div className="flex items-center justify-between">
                   {handleDelete && (
                     <Button variant="danger" size="sm" onClick={handleDelete} disabled={!value}>
diff --git a/web/core/components/core/modals/workspace-image-upload-modal.tsx b/web/core/components/core/modals/workspace-image-upload-modal.tsx
index 614fe5f4188..fa14d9b28b7 100644
--- a/web/core/components/core/modals/workspace-image-upload-modal.tsx
+++ b/web/core/components/core/modals/workspace-image-upload-modal.tsx
@@ -43,7 +43,8 @@ export const WorkspaceImageUploadModal: React.FC<Props> = observer((props) => {
   const { getRootProps, getInputProps, isDragActive, fileRejections } = useDropzone({
     onDrop,
     accept: {
-      "image/*": [".png", ".jpg", ".jpeg", ".webp"],
+      "image/jpeg": [],
+      "image/png": [],
     },
     maxSize: config?.file_size_limit ?? MAX_FILE_SIZE,
     multiple: false,
@@ -162,7 +163,7 @@ export const WorkspaceImageUploadModal: React.FC<Props> = observer((props) => {
                     )}
                   </div>
                 </div>
-                <p className="my-4 text-sm text-custom-text-200">File formats supported- .jpeg, .jpg, .png, .webp</p>
+                <p className="my-4 text-sm text-custom-text-200">File formats supported- .jpeg, .jpg, .png</p>
                 <div className="flex items-center justify-between">
                   {handleRemove && (
                     <Button variant="danger" size="sm" onClick={handleRemove} disabled={!value}>