bug(MatList): Icons do not respect RTL direction

[withpouriya]

Is this a regression?

• Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

No response

Description

When using MatList in an RTL project, the icons do not adjust their margins correctly based on the text direction (dir="rtl"). The left and right margins remain the same as in LTR mode, causing misalignment in RTL layouts.

I was able to fix this issue easily with custom CSS, but I wanted to report it as a bug in case it needs to be addressed in the library.

Reproduction

StackBlitz link:
Steps to reproduce:
1.
2.

Expected Behavior

Icons should switch their margins correctly when dir="rtl" is set.

Actual Behavior

Icons remain aligned as if the project is LTR, leading to incorrect spacing.

Environment

Angular: 18
Angular Material: 19.1.5
Browser: Latest version of Chrome
Operating System: Windows (running a Linux dev container on WSL)

[crisbeto]

This isn't enough information to investigate. Can you show what your markup looks like?

[withpouriya]

Sure! As you can see in this image, the default padding of mat-icon in the list is more on the left side than on the right, whereas for RTL, it should be the opposite.