diff --git a/src/shared/ui/Items/SelectBase/SelectBaseText.tsx b/src/shared/ui/Items/SelectBase/SelectBaseText.tsx index 513c28984..e60647a72 100644 --- a/src/shared/ui/Items/SelectBase/SelectBaseText.tsx +++ b/src/shared/ui/Items/SelectBase/SelectBaseText.tsx @@ -8,6 +8,7 @@ type Props = { export const SelectBaseText = (props: Props) => { const { processedWords } = useCustomWordWrap(props.text); + const hasLongWord = processedWords.some(({ needsWrap }) => needsWrap); return ( { webkitBoxOrient: 'vertical', }} > - {processedWords.map(({ word, needsWrap, ref }, index) => { - return needsWrap ? ( - - {`${word} `} - - ) : ( - `${word} ` - ); - })} + {hasLongWord + ? processedWords.map(({ word, needsWrap, ref }, index) => + needsWrap ? ( + + {`${word} `} + + ) : ( + `${word} ` + ), + ) + : props.text} ); };