diff --git a/src/components/files/FilePreview.jsx b/src/components/files/FilePreview.jsx
index 62df10a..c6e1002 100644
--- a/src/components/files/FilePreview.jsx
+++ b/src/components/files/FilePreview.jsx
@@ -10,7 +10,17 @@ import Toolbar from "@mui/material/Toolbar";
 import TextEditor from "./TextEditor.jsx";
 import { cairoAuthHeader } from "@mcl/util/auth.js";
 
-const textFileTypes = ["properties", "txt", "yaml", "yml", "json", "env", "toml", "tml", "text"];
+const textFileTypes = [
+  "properties",
+  "txt",
+  "yaml",
+  "yml",
+  "json",
+  "env",
+  "toml",
+  "tml",
+  "text",
+];
 const imageFileTypes = ["png", "jpeg", "jpg"];
 
 export const supportedFileTypes = [...textFileTypes, ...imageFileTypes];
@@ -44,6 +54,7 @@ export default function FilePreview(props) {
   }
 
   async function onSave() {
+    if (!isTextFile) return;
     const formData = new FormData();
     const blob = new Blob([modifiedText], { type: "plain/text" });
     formData.append("file", blob, name);
@@ -77,7 +88,7 @@ export default function FilePreview(props) {
       <Toolbar sx={{ display: { sm: "none" } }} />
       <DialogTitle>{name}</DialogTitle>
       <DialogContent>
-        <TextEditor text={fileText} onChange={editorChange} />
+        {isTextFile && <TextEditor text={fileText} onChange={editorChange} />}
       </DialogContent>
       <DialogActions>
         <Button autoFocus onClick={dialogToggle}>