fix(BOOK-427): Added div around the contents of the li element to avoid the li flex-styles

Approved-by: Chuma Mcphoy (We Ahead)
2025-10-10 10:37:26 +00:00
parent 99e1dfcf72
commit ddbc4a063d
2 changed files with 2 additions and 2 deletions
--- a/packages/design-system/lib/components/JsonToHtml/jsontohtml.module.css
+++ b/packages/design-system/lib/components/JsonToHtml/jsontohtml.module.css
@@ -102,7 +102,7 @@
  content: url('/_static/icons/heart.svg');
 }

-.li > p {
+.li > * {
  display: inline;
  margin: 0;
 }
--- a/packages/design-system/lib/components/JsonToHtml/renderOptions.tsx
+++ b/packages/design-system/lib/components/JsonToHtml/renderOptions.tsx
@@ -266,7 +266,7 @@ export const renderOptions: RenderOptions = {
        {...props}
        className={cx(styles.li, compatibleClassNames)}
      >
-        {next(node.children, embeds, fullRenderOptions)}
+        <div>{next(node.children, embeds, fullRenderOptions)}</div>
      </li>
    )
  },