diff --git a/widget/src/components/buttons/FileButton.tsx b/widget/src/components/buttons/FileButton.tsx
index f04e79ad..3011a4ff 100644
--- a/widget/src/components/buttons/FileButton.tsx
+++ b/widget/src/components/buttons/FileButton.tsx
@@ -6,7 +6,6 @@
  * 2. All derivative works must include clear attribution to the original creator and software, Hexastack and Hexabot, in a prominent location (e.g., in the software's "About" section, documentation, and README file).
  */
 
-
 import React, { ChangeEvent, useMemo } from "react";
 
 import { useChat } from "../../providers/ChatProvider";
@@ -26,7 +25,7 @@ const FileButton: React.FC = () => {
     }
   };
   const acceptedMimeTypes = useMemo(
-    () => Object.values(MIME_TYPES).flat().join(""),
+    () => Object.values(MIME_TYPES).flat().join(","),
     [],
   );