diff --git a/docs/components/modal.md b/docs/components/modal.md
index a6caeb4..4d711d2 100644
--- a/docs/components/modal.md
+++ b/docs/components/modal.md
@@ -22,20 +22,13 @@ function showModal() {
 }
 </script>
 <template>
-<button @click="showModal" type="button" class="mt-5 text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
-     Show modal
-</button>
-<Modal size="xs" v-if="isShowModal">
+    <button @click="showModal" type="button" class="mt-5 text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
+        Show modal
+    </button>
+    <Modal :size="size" v-if="isShowModal" @close="closeModal">
       <template #header>
-        <div class="flex justify-between">
-          <div class="flex items-center text-lg">
-            Terms of Service
-          </div>
-          <div>
-            <button @click="closeModal" type="button" class="text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-600 dark:hover:text-white">
-              <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>
-            </button>
-          </div>
+        <div class="flex items-center text-lg">
+          Terms of Service
         </div>
       </template>
       <template #body>