diff --git a/src/components/App.tsx b/src/components/App.tsx
index 357bb70..4476ee6 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -8,6 +8,8 @@ import ViewerPanel from './ViewerPanel';
 import Footer from './Footer';
 import { ModelContext, FSContext } from './contexts';
 import PanelSwitcher from './PanelSwitcher';
+import { ConfirmDialog } from 'primereact/confirmdialog';
+
 
 // import "primereact/resources/themes/lara-light-indigo/theme.css";
 // import "primereact/resources/primereact.min.css";
@@ -80,6 +82,7 @@ export function App({initialState, statePersister, fs}: {initialState: State, st
           </div>
 
           <Footer />
+          <ConfirmDialog />
         </div>
       </FSContext.Provider>
     </ModelContext.Provider>
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index c7df507..020a732 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -8,10 +8,10 @@ import { Button } from 'primereact/button';
 import { ProgressBar } from 'primereact/progressbar';
 import { Badge } from 'primereact/badge';
 import { Menu } from 'primereact/menu';
-import { ConfirmDialog, confirmDialog } from 'primereact/confirmdialog';
 import { Toast } from 'primereact/toast';
 import SettingsMenu from './SettingsMenu';
 import HelpMenu from './HelpMenu';
+import { confirmDialog } from 'primereact/confirmdialog';
 
 function downloadOutput(state: State) {
   if (!state.output) return;
@@ -135,8 +135,6 @@ export default function Footer({style}: {style?: CSSProperties}) {
       
       <span style={{flex: 1}}></span>
 
-      <ConfirmDialog />
-
       <Toast ref={toast} />
       
       <HelpMenu />
diff --git a/src/components/SettingsMenu.tsx b/src/components/SettingsMenu.tsx
index aff816e..44763da 100644
--- a/src/components/SettingsMenu.tsx
+++ b/src/components/SettingsMenu.tsx
@@ -6,7 +6,7 @@ import { MenuItem } from 'primereact/menuitem';
 import { Menu } from 'primereact/menu';
 import { ModelContext } from './contexts';
 import { isInStandaloneMode } from '../utils';
-import { ConfirmDialog, confirmDialog } from 'primereact/confirmdialog';
+import { confirmDialog } from 'primereact/confirmdialog';
 
 export default function SettingsMenu({className, style}: {className?: string, style?: CSSProperties}) {
   const model = useContext(ModelContext);
@@ -73,7 +73,6 @@ export default function SettingsMenu({className, style}: {className?: string, st
         ] : []),
       ] as MenuItem[]} popup ref={settingsMenu} />
     
-      <ConfirmDialog />
       <Button title="Settings menu"
           style={style}
           className={className}