diff --git a/src/client/dd-hub-react/src/sections/document/view/create-filter-modal.tsx b/src/client/dd-hub-react/src/sections/document/view/create-filter-modal.tsx
index 0c3c31b..5b1fa50 100644
--- a/src/client/dd-hub-react/src/sections/document/view/create-filter-modal.tsx
+++ b/src/client/dd-hub-react/src/sections/document/view/create-filter-modal.tsx
@@ -31,6 +31,13 @@ export default function CreateFilterModal({ open, handleClose }: ModalProps) {
   const [label, setLabel] = useState<string | undefined>(undefined);
   const [selectedType, setSelectedType] = useState<Type | undefined>(undefined);
 
+  function closeReset() {
+    handleClose();
+    setName(undefined);
+    setLabel(undefined)
+    setSelectedType(undefined)
+  }
+
   async function tryCreateFilter(): Promise<any> {
     if (!name) {
       alert('No name.');
@@ -39,7 +46,7 @@ export default function CreateFilterModal({ open, handleClose }: ModalProps) {
       alert('No type.');
     }
     else {
-      await createFiltersAsync({ name: name, type: selectedType, label: label }).then(() => handleClose());
+      await createFiltersAsync({ name: name, type: selectedType, label: label }).then(closeReset);
     }
   }
 
@@ -47,7 +54,7 @@ export default function CreateFilterModal({ open, handleClose }: ModalProps) {
     <div>
       <Modal
         open={open}
-        onClose={handleClose}
+        onClose={closeReset}
         aria-labelledby="modal-modal-title"
         aria-describedby="modal-modal-description"
       >