diff --git a/packages/web/src/components/Folders/index.jsx b/packages/web/src/components/Folders/index.jsx
index c13b7963..fe9ff2a2 100644
--- a/packages/web/src/components/Folders/index.jsx
+++ b/packages/web/src/components/Folders/index.jsx
@@ -33,8 +33,11 @@ export default function Folders() {
   const navigate = useNavigate();
   const { data: folders } = useFolders();
 
-  const { mutateAsync: deleteFolder, error: deleteFolderError } =
-    useDeleteFolder();
+  const {
+    mutateAsync: deleteFolder,
+    error: deleteFolderError,
+    reset: resetDeleteFolder,
+  } = useDeleteFolder();
 
   const [showCreateFolderDialog, setShowCreateFolderDialog] =
     React.useState(false);
@@ -65,6 +68,12 @@ export default function Folders() {
     navigate({ search: allFlowsFolder });
   };
 
+  const handleDeleteFolderClose = async () => {
+    setShowDeleteFolderDialog(false);
+
+    resetDeleteFolder();
+  };
+
   const getFolderSearchParams = (folderId) => {
     const searchParams = new URLSearchParams(`folderId=${folderId}`);
 
@@ -188,7 +197,7 @@ export default function Folders() {
         <ConfirmationDialog
           title={formatMessage('deleteFolderDialog.title')}
           description={formatMessage('deleteFolderDialog.description')}
-          onClose={() => setShowDeleteFolderDialog(false)}
+          onClose={handleDeleteFolderClose}
           onConfirm={handleDeleteFolderConfirmation}
           cancelButtonChildren={formatMessage('deleteFolderDialog.cancel')}
           confirmButtonChildren={formatMessage('deleteFolderDialog.confirm')}