diff --git a/services/web/frontend/js/features/file-tree/components/modals/file-tree-modal-create-folder.js b/services/web/frontend/js/features/file-tree/components/modals/file-tree-modal-create-folder.js
index 207e3444cb..aa65175d54 100644
--- a/services/web/frontend/js/features/file-tree/components/modals/file-tree-modal-create-folder.js
+++ b/services/web/frontend/js/features/file-tree/components/modals/file-tree-modal-create-folder.js
@@ -1,4 +1,4 @@
-import { useState } from 'react'
+import { useEffect, useState } from 'react'
 import PropTypes from 'prop-types'
 
 import { Button, Modal } from 'react-bootstrap'
@@ -21,6 +21,13 @@ function FileTreeModalCreateFolder() {
   const { isCreatingFolder, inFlight, finishCreatingFolder, cancel, error } =
     useFileTreeActionable()
 
+  useEffect(() => {
+    if (!isCreatingFolder) {
+      // clear the input when the modal is closed
+      setName('')
+    }
+  }, [isCreatingFolder])
+
   if (!isCreatingFolder) return null // the modal will not be rendered; return early
 
   function handleHide() {