[BUG] Text component auto-applies list styling when using numbered list format

💬 App Building
, , ,
1

My goal: Container title formatted like {{ (i + 1) }}. {{ item.type }} inside a ListView

Issue:
Retool appears to automatically apply list-item styling (similar to <li> behavior).

This causes text alignment problems where:

  • The number/bullet point stays fixed on the left and is cut off

image

  • Only the text content moves when using text align properties

Steps I've taken to troubleshoot:
Tried to change alignment, margin, image width, and component width in an attempt to make the number part budge but to no avail.
Only changing to a different format (eg. {{ i + 1 }}.) ) un-applied the list styling.

Screen recording for reference:

3

Hi @lazymaplekoi, I reproduced this on my end and was able to fix it by changing Markdown to Plain text in Content > Value. I believe the "." is affecting the styling because it is being read as markdown.