Field Component Display Issue on Mobile: Values Stacking Vertically

[scotfield123]

Hi everyone,
I’m encountering a display issue when using the Fields component on mobile. The rows of data are quite long, and when viewed on a phone, the values on the left appear stacked vertically, with each character displayed underneath the previous one.
Are there any settings I can adjust or workarounds to fix this?
Thanks in advance for your help!

[ThinhDinh]

Do you have access to CSS? What plan are you on?

[ThinhDinh]

.adjusted-fields div[class*="fields___StyledDiv2"], .adjusted-fields div[class*="fields___StyledDiv3"] {
width: 50%;
}

.adjusted-fields div[class*="fields___StyledDiv2"], .adjusted-fields div[class*="fields___StyledDiv3"] p {
font-size: 13px;
}

With adjusted-fields being the custom class name of that fields component.

[scotfield123]

thank you for your answer, I’m on Team Plan

[ThinhDinh]

You should be able to use Custom CSS.

[scotfield123]

thank you very much, you are a star