diff --git a/src/components/Parse/HTML.tsx b/src/components/Parse/HTML.tsx
index e8cd52b3..956f9a29 100644
--- a/src/components/Parse/HTML.tsx
+++ b/src/components/Parse/HTML.tsx
@@ -69,6 +69,7 @@ const ParseHTML: React.FC = ({
const [followedTags] = useAccountStorage.object('followed_tags')
+ const MAX_ALLOWED_LINES = 30
const [totalLines, setTotalLines] = useState()
const [expanded, setExpanded] = useState(highlighted)
@@ -275,7 +276,12 @@ const ParseHTML: React.FC = ({
hint: expandHint,
moreLines:
numberOfLines > 1 && typeof totalLines === 'number'
- ? t('HTML.moreLines', { count: totalLines - numberOfLines })
+ ? t('HTML.moreLines', {
+ count:
+ totalLines === MAX_ALLOWED_LINES
+ ? (`${totalLines - numberOfLines}+` as unknown as number)
+ : totalLines - numberOfLines
+ })
: ''
})}
/>
@@ -304,7 +310,7 @@ const ParseHTML: React.FC = ({
height: numberOfLines === 1 && !expanded ? 0 : undefined
}}
numberOfLines={
- typeof totalLines === 'number' ? (expanded ? 999 : numberOfLines) : undefined
+ typeof totalLines === 'number' ? (expanded ? 999 : numberOfLines) : MAX_ALLOWED_LINES
}
selectable={selectable}
/>