UI Builder - Avoiding word truncation for List Component

[JamesBateman]

Hi everyone,

I’m working in UI Builder (Yokohama release) and I’ve hit a stubborn styling issue with a record list component (now-record-list-connected) on one of my workspace pages.

The problem is that text in one of my list columns is being truncated after a few lines.
When inspecting in Developer Tools, I can see this styling applied inside the shadow DOM:

If I manually disable -webkit-box-orient: vertical and change max-height: 240px to none, the full text displays perfectly — so I know those properties are the cause.

However, I can’t find a way to override them through UI Builder.

I want to permanently change the list behaviour so that:
-webkit-box-orient: horizontal;
max-height: none;

Any guidance (or examples) would be really appreciated.

Thanks!

[ankitbanerj]

Hi @JamesBateman ,
you might try this out:)
overflow: visible

Best regards,
Ankit B

If this solution worked for you, kindly mark it as Accepted Solution and give it a Helpful rating to support the community.