diff --git a/src/components/ui/Modal.jsx b/src/components/ui/Modal.jsx
index cea01b0..74ab156 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, closeModal }) {
+export default function Modal({ open, onClose, children, className, id, closeModal }) {
 	const modalRef = useRef(null);
 
 	useEffect(() => {
@@ -16,7 +16,7 @@ export default function Modal({ open, onClose, children, className, closeModal }
 	}, [open]);
 
 	return (
-		<dialog className={className} ref={modalRef} onClose={onClose}>
+		<dialog id={id} className={className} ref={modalRef} onClose={onClose}>
 			{children}
 		</dialog>
 	);