diff --git a/src/components/ui/Modal.jsx b/src/components/ui/Modal.jsx
index f16c2e2..369d4c0 100644
--- a/src/components/ui/Modal.jsx
+++ b/src/components/ui/Modal.jsx
@@ -16,7 +16,7 @@ export default function Modal({ open, onClose, children, className, id, closeMod
 	}, [open]);
 
 	useEffect(() => {
-		if (!unclosable) return;
+		if (!unclosable || unclosable === "false") return;
 		const { current: currentElement } = modalRef;
 		currentElement.addEventListener("cancel", (event) => {
 			event.preventDefault();
@@ -24,7 +24,12 @@ export default function Modal({ open, onClose, children, className, id, closeMod
 	}, [unclosable]);
 
 	return (
-		<dialog id={id} className={className} ref={modalRef} onClose={onClose}>
+		<dialog
+			id={id}
+			className={className}
+			ref={modalRef}
+			onClose={onClose}
+			unclosable={unclosable ?? "false"}>
 			{children}
 		</dialog>
 	);