fix error

Author: KianNH

src/components/FieldCatalog.tsx

@@ -142,14 +142,11 @@ const FieldCatalog = ({ fields }: { fields: Fields }) => {
 									{field.name}
 								</span>
 							</div>
-							<Markdown
-								className="!mt-2 line-clamp-2 text-sm leading-6"
-								disallowedElements={["a"]}
-								unwrapDisallowed={true}
-							>
-								{field.summary}
-							</Markdown>
-
+							<div className="!mt-2 line-clamp-2 text-sm leading-6">
+								<Markdown disallowedElements={["a"]} unwrapDisallowed={true}>
+									{field.summary}
+								</Markdown>
+							</div>
 							{field.plan_info_label && (
 								<div className="!mt-2 text-xs">
 									<FieldBadges badges={[field.plan_info_label]} />

src/components/LearningPathCatalog.tsx

@@ -167,13 +167,11 @@ const LearningPathCatalog = ({
 								{path.video && <span className="sl-badge tip">Video</span>}
 							</div>
 							<p className="!mt-3 font-semibold">{path.title}</p>
-							<Markdown
-								className="leading-2 !mt-1 text-sm"
-								disallowedElements={["a"]}
-								unwrapDisallowed={true}
-							>
-								{path.description}
-							</Markdown>
+							<div className="leading-2 !mt-1 text-sm">
+								<Markdown disallowedElements={["a"]} unwrapDisallowed={true}>
+									{path.description}
+								</Markdown>
+							</div>
 						</a>
 					);
 				})}