diff --git a/web-marketplace/src/components/molecules/MetaDetail/MetaDetail.BaseValue.tsx b/web-marketplace/src/components/molecules/MetaDetail/MetaDetail.BaseValue.tsx index 191a040dcf..d801fa5a7d 100644 --- a/web-marketplace/src/components/molecules/MetaDetail/MetaDetail.BaseValue.tsx +++ b/web-marketplace/src/components/molecules/MetaDetail/MetaDetail.BaseValue.tsx @@ -54,7 +54,7 @@ const MetaDetailBaseValue: React.FC = ({ return ( <> {formattedValue && ( - + {formattedValue} )} @@ -63,7 +63,7 @@ const MetaDetailBaseValue: React.FC = ({ size={bodySize} styleLinks={false} sx={sxToArray(sx)} - className="break-all" + className="break-words" > = ({ {customContent ? ( <>{customContent} ) : isArray ? ( - value.map((v, i) => ( - 1 ? 2 : 0 }} - /> - )) + value.map((v, i) => { + const isLast = i === value.length - 1; + + return ( + 1 && !isLast ? 3 : 0 }} + /> + ); + }) ) : ( - -