diff --git a/src/components/Modal/modal.astro b/src/components/Modal/modal.astro
index b65b4b6..ad1990a 100644
--- a/src/components/Modal/modal.astro
+++ b/src/components/Modal/modal.astro
@@ -20,9 +20,9 @@ const hasFooter = Astro.slots.has("footer");
     >
       <div class="modal__head">
         <span class="modal__title">{title}</span>
-        <button class="modal__close" data-modal-close aria-label="Close">
-          <XIcon size={18} />
-        </button>
+        <!-- <button  data-modal-close > -->
+          <XIcon data-modal-close class="modal__close" size={18} aria-label="Close"/>
+        <!-- </button> -->
       </div>
       <div class="modal__body"><slot /></div>
       {