From 7a9082a4fd283bda6e207c6898c2c67172ea4ad7 Mon Sep 17 00:00:00 2001
From: graphemecluster <graphemecluster@gmail.com>
Date: Sat, 15 Jun 2024 22:15:36 +0800
Subject: [PATCH] Fix: Invalid DOM Nesting

---
 src/SentenceCard.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/SentenceCard.tsx b/src/SentenceCard.tsx
index cabe0c7..dcee517 100644
--- a/src/SentenceCard.tsx
+++ b/src/SentenceCard.tsx
@@ -15,7 +15,7 @@ export default function SentenceCard({ sentence: { language, genre, sentence } }
 				<span className="badge badge-primary join-item">{TERMINOLOGY[language]}</span>
 				<span className="badge badge-secondary join-item">{TERMINOLOGY[genre]}</span>
 			</div>
-			<p className="text-2xl leading-6 sm:text-4xl mt-2 sm:mt-5">
+			<div className="text-2xl leading-6 sm:text-4xl mt-2 sm:mt-5">
 				{sentence.map(([char, pronNoteArray], i) => (
 					<Char
 						key={i}
@@ -27,7 +27,7 @@ export default function SentenceCard({ sentence: { language, genre, sentence } }
 							setSyllables(newSyllables);
 						}} />
 				))}
-			</p>
+			</div>
 			<AudioPlayer syllables={syllables} language={language} />
 		</div>
 	</div>;