diff --git a/docs/content/components/modal.mdx b/docs/content/components/modal.mdx
index 852b4cb..4fed045 100644
--- a/docs/content/components/modal.mdx
+++ b/docs/content/components/modal.mdx
@@ -35,10 +35,8 @@ Simple example of modal.
 
 
 ```html
-
-<input className="modal-state" id="modal-1" type="checkbox" />
-
 <label className="btn btn-primary" htmlFor="modal-1">Open Modal</label>
+<input className="modal-state" id="modal-1" type="checkbox" />
 <div className="modal">
 <label className="modal-overlay" htmlFor="modal-1"></label>
 <div className="modal-content flex flex-col gap-5">
@@ -52,6 +50,7 @@ Simple example of modal.
     </span>
     <div className="flex gap-3">
     <button className="btn btn-error btn-block">Delete</button>
+
     <button className="btn btn-block">Cancel</button>
     </div>
 </div>