diff --git a/src/components/ui/Modal.jsx b/src/components/ui/Modal.jsx
index 74ab156..f16c2e2 100644
--- a/src/components/ui/Modal.jsx
+++ b/src/components/ui/Modal.jsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { useEffect, useRef } from "react";
 
-export default function Modal({ open, onClose, children, className, id, closeModal }) {
+export default function Modal({ open, onClose, children, className, id, closeModal, unclosable }) {
 	const modalRef = useRef(null);
 
 	useEffect(() => {
@@ -15,6 +15,14 @@ export default function Modal({ open, onClose, children, className, id, closeMod
 		else el.close();
 	}, [open]);
 
+	useEffect(() => {
+		if (!unclosable) return;
+		const { current: currentElement } = modalRef;
+		currentElement.addEventListener("cancel", (event) => {
+			event.preventDefault();
+		});
+	}, [unclosable]);
+
 	return (
 		<dialog id={id} className={className} ref={modalRef} onClose={onClose}>
 			{children}