diff --git a/src/components/ui/Modal.jsx b/src/components/ui/Modal.jsx
index afc3f1a..6b199a1 100644
--- a/src/components/ui/Modal.jsx
+++ b/src/components/ui/Modal.jsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { useCallback, useEffect, useMemo, useRef } from "react";
 
-export default function Modal({ open, onClose, children, className }) {
+export default function Modal({ open, onClose, children, className, closeModal }) {
 	const modalRef = useRef(null);
 
 	useEffect(() => {
@@ -12,6 +12,7 @@ export default function Modal({ open, onClose, children, className }) {
 	useEffect(() => {
 		const { current: el } = modalRef;
 		if (open) el.showModal();
+		else el.close();
 	}, [open]);
 
 	return (