From d097ceada13214e1175e4c5895ae9f47ad878bf7 Mon Sep 17 00:00:00 2001
From: hoshinotsuyoshi <tsuyoshi.hoshino@route06.co.jp>
Date: Tue, 24 Dec 2024 18:16:30 +0900
Subject: [PATCH] fix: Comment component to use <span> instead of <p>

---
 .changeset/dirty-crabs-happen.md                            | 6 ++++++
 .../ERDContent/TableNode/TableDetail/Comment/Comment.tsx    | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/dirty-crabs-happen.md

diff --git a/.changeset/dirty-crabs-happen.md b/.changeset/dirty-crabs-happen.md
new file mode 100644
index 00000000..0711627f
--- /dev/null
+++ b/.changeset/dirty-crabs-happen.md
@@ -0,0 +1,6 @@
+---
+"@liam-hq/erd-core": patch
+"@liam-hq/cli": patch
+---
+
+:bug: fix: Comment component to use `<span>` instead of `<p>`
diff --git a/frontend/packages/erd-core/src/components/ERDRenderer/ERDContent/TableNode/TableDetail/Comment/Comment.tsx b/frontend/packages/erd-core/src/components/ERDRenderer/ERDContent/TableNode/TableDetail/Comment/Comment.tsx
index 8fa72720..e063d231 100644
--- a/frontend/packages/erd-core/src/components/ERDRenderer/ERDContent/TableNode/TableDetail/Comment/Comment.tsx
+++ b/frontend/packages/erd-core/src/components/ERDRenderer/ERDContent/TableNode/TableDetail/Comment/Comment.tsx
@@ -9,7 +9,7 @@ type Props = {
 export const Comment: FC<Props> = ({ comment }) => {
   return (
     <DrawerDescription className={styles.wrapper}>
-      <p className={styles.text}>{comment}</p>
+      <span className={styles.text}>{comment}</span>
     </DrawerDescription>
   )
 }