diff --git a/src/Components/AppShell/DialogModal.tsx b/src/Components/AppShell/DialogModal.tsx
index 05c7e93d..30ab1d3f 100644
--- a/src/Components/AppShell/DialogModal.tsx
+++ b/src/Components/AppShell/DialogModal.tsx
@@ -49,11 +49,11 @@ const DialogModal = ({
       }
     >
      <div className="tw-card-body tw-p-2">
-     <button className="tw-btn tw-btn-sm tw-btn-circle tw-btn-ghost tw-absolute tw-right-2 tw-top-2" onClick={onClose}>✕</button>
 
      <h2 className='tw-text-2xl tw-font-semibold tw-mb-2 tw-text-center'>{title}</h2>
 
       {children}
+      <button className="tw-btn tw-btn-sm tw-btn-circle tw-btn-ghost tw-absolute tw-right-2 tw-top-2" onClick={onClose}>✕</button>
 
       </div>
     </dialog>