diff --git a/src/dashboard/Settings/Modals/cloneAppModal.react.js b/src/dashboard/Settings/Modals/cloneAppModal.react.js
index 0619eb79b6..67f2dfee00 100644
--- a/src/dashboard/Settings/Modals/cloneAppModal.react.js
+++ b/src/dashboard/Settings/Modals/cloneAppModal.react.js
@@ -18,6 +18,7 @@ export const CloneAppModal = ({ context, setParentState }) => {
   const [ canSubmit, setCanSubmit ] = useState(false);
   const [ cloneCloudCode, setCloneCloudCode ] = useState(false);
   const [ cloneConfigs, setCloneConfigs ] = useState(false);
+  const [ cloneFiles, setCloneFiles ] = useState(false);
 
   const [ parseVersions, setParseVersions ] = useState([]);
   const [ cloneParseVersion, setCloneParseVersion ] = useState();
@@ -69,7 +70,7 @@ export const CloneAppModal = ({ context, setParentState }) => {
       setNote('Cloning app...');
       setNoteColor('blue');
 
-      await context.cloneApp(newApp.appId, cloneParseVersion?.version, cloneType, cloneCloudCode, cloneConfigs);
+      await context.cloneApp(newApp.appId, cloneParseVersion?.version, cloneType, cloneCloudCode, cloneConfigs, cloneFiles);
 
       setNote('App cloned successfully! Redirecting in 1 second');
       setNoteColor('green');
@@ -153,6 +154,7 @@ export const CloneAppModal = ({ context, setParentState }) => {
             <div style={{ padding: '1rem', width: '100%', display: 'flex', justifyContent: 'center', flexDirection: 'column', gap: '1rem' }}>
               <span style={{ fontSize: '14px', color: '#10203A' }}><input onChange={(e) => setCloneCloudCode(e.target.checked)} name="cloneCloudCode" type={'checkbox'} style={{ fontSize: '14px', accentColor: '#10203A' }} /> &nbsp; {'Clone Cloud Code'} </span>
               <span style={{ fontSize: '14px', color: '#10203A' }}><input onChange={(e) => setCloneConfigs(e.target.checked)} name="cloneConfigs" type={'checkbox'} style={{ fontSize: '14px', accentColor: '#10203A' }} /> &nbsp; {'Clone Configurations'} </span>
+              <span style={{ fontSize: '14px', color: '#10203A' }}><input onChange={(e) => setCloneFiles(e.target.checked)} name="cloneFiles" type={'checkbox'} style={{ fontSize: '14px', accentColor: '#10203A' }} /> &nbsp; {'Clone Files'} </span>
             </div>
           </div>
         }
diff --git a/src/lib/ParseApp.js b/src/lib/ParseApp.js
index ced71c7e5b..c74ab96d4e 100644
--- a/src/lib/ParseApp.js
+++ b/src/lib/ParseApp.js
@@ -471,9 +471,9 @@ export default class ParseApp {
     return AJAX.post(path, { parseVersion: parseVersion })
   }
 
-  async cloneApp(appId, parseVersion, cloneType, cloneCloudCode = false, cloneConfigs = false) {
+  async cloneApp(appId, parseVersion, cloneType, cloneCloudCode = false, cloneConfigs = false, cloneFiles = false) {
     const path = `${b4aSettings.BACK4APP_API_PATH}/parse-app/${this.slug}/clone`;
-    return AJAX.post(path, { appId, parseVersion, cloneType, cloneCloudCode, cloneConfigs })
+    return AJAX.post(path, { appId, parseVersion, cloneType, cloneCloudCode, cloneConfigs, cloneFiles })
   }
 
   async deleteApp(appId) {