(andri) fix table spec jika attribute mengandung html

1 files changed, 22 insertions, 1 deletions

diff --git a/src-migrate/modules/product-detail/components/ProductDetail.tsx b/src-migrate/modules/product-detail/components/ProductDetail.tsx
index d63eb365..03089afa 100644
--- a/src-migrate/modules/product-detail/components/ProductDetail.tsx
+++ b/src-migrate/modules/product-detail/components/ProductDetail.tsx
@@ -310,8 +310,29 @@ const ProductDetail = ({ product }: Props) => {
 
     if (strVal.includes('<') && strVal.includes('>')) {
        return (
-         <div 
+         <Box 
            className="prose prose-sm text-gray-700"
+           sx={{
+             '& ul, & ol': { 
+                paddingLeft: '1.2rem', 
+                margin: 0,
+                textAlign: 'left'
+             },
+             '& li': { 
+                fontWeight: 'normal',
+                marginBottom: '4px',
+                textAlign: 'left'
+             },
+             '& strong': { 
+                display: 'block', 
+                marginBottom: '2px',
+                fontWeight: 'bold'
+             },
+             '& p': { 
+                margin: 0,
+                textAlign: 'left'
+             }
+           }}
            dangerouslySetInnerHTML={{ __html: strVal }}
          />
        );