From 9a2b67b51bd2d36ba990837e0ac7350eeb18c4de Mon Sep 17 00:00:00 2001
From: Tomoki Morita <tmsongbooks215@gmail.com>
Date: Sun, 15 Oct 2023 22:39:38 +0900
Subject: [PATCH] fix dialog main styles

---
 src/groups/dialog/component.astro   | 9 +++------
 src/groups/dialog/styles.module.css | 6 ------
 2 files changed, 3 insertions(+), 12 deletions(-)

diff --git a/src/groups/dialog/component.astro b/src/groups/dialog/component.astro
index e91619c..76fb34e 100644
--- a/src/groups/dialog/component.astro
+++ b/src/groups/dialog/component.astro
@@ -33,11 +33,8 @@ const title = "<dialog>";
             ><IconX class={styles.closeIcon} />
           </button>
         </div>
-        <div class={styles.dialogMain}>
-          press the <IconX class={styles.closeIcon} /> icon or the <Code
-            code="esc"
-            inline
-          /> key to close it.
+        <div>
+          press the [x] icon or the <Code code="esc" inline /> key to close it.
         </div>
       </form>
     </dialog>
@@ -50,7 +47,7 @@ const title = "<dialog>";
         <div class={styles.dialogHeader}>
           <h3 id="example2-title">confirm</h3>
         </div>
-        <div class={styles.dialogMain}>
+        <div>
           you can also close it by pressing the
           <Code code="esc" inline /> key.
         </div>
diff --git a/src/groups/dialog/styles.module.css b/src/groups/dialog/styles.module.css
index b7a95f4..584a86e 100644
--- a/src/groups/dialog/styles.module.css
+++ b/src/groups/dialog/styles.module.css
@@ -20,12 +20,6 @@
   justify-content: space-between;
 }
 
-.dialogMain {
-  align-items: center;
-  display: flex;
-  gap: 0.25rem;
-}
-
 .dialogFooter {
   display: flex;
   gap: 0.75rem;