Card: Render description element based on children type (#100276)

packages/grafana-ui/src/components/Card/Card.tsx

@@ -183,7 +183,8 @@ const getTagStyles = (theme: GrafanaTheme2) => ({
 /** Card description text */
 const Description = ({ children, className }: ChildProps) => {
   const styles = useStyles2(getDescriptionStyles);
-  return <div className={cx(styles.description, className)}>{children}</div>;
+  const Element = typeof children === 'string' ? 'p' : 'div';
+  return <Element className={cx(styles.description, className)}>{children}</Element>;
 };
 Description.displayName = 'Description';