Fix Invalid html structure in caption component (#401)

kitconcept · Jun 28, 2024 · 1c0353a · 1c0353a
1 parent 03bb7aa
commit 1c0353a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/volto-light-theme/news/398.bugfix b/packages/volto-light-theme/news/398.bugfix
@@ -0,0 +1 @@
+Fix Invalid html structure in caption component @iRohitSingh
diff --git a/packages/volto-light-theme/src/components/Caption/Caption.jsx b/packages/volto-light-theme/src/components/Caption/Caption.jsx
@@ -16,16 +16,15 @@ import PropTypes from 'prop-types';
  */
 const Caption = ({ as = 'figcaption', title, description, credit }) => {
   const As = as;
-
   return (
     <As>
       {title && <h2 className="title">{title}</h2>}
       {description && (
-        <p className="description">
+        <div className="description">
           {description.split('\n').map((line, index) => (
             <p key={index}>{line || '\u00A0'}</p>
           ))}
-        </p>
+        </div>
       )}
       {credit && <p className="credits">{credit}</p>}
     </As>