diff --git a/src/dev-app/list/list-demo.html b/src/dev-app/list/list-demo.html index cf5f9538e6a2..23d92a328327 100644 --- a/src/dev-app/list/list-demo.html +++ b/src/dev-app/list/list-demo.html @@ -326,7 +326,17 @@

Icon alignment in selection list

Fries - + +

Hidden selector and single selection

+ + + + Boots + chevron_right + + Shoes + + diff --git a/src/material/list/_list-inherited-structure.scss b/src/material/list/_list-inherited-structure.scss index 1572eb7e69bc..b3256e71e5c3 100644 --- a/src/material/list/_list-inherited-structure.scss +++ b/src/material/list/_list-inherited-structure.scss @@ -332,11 +332,14 @@ $fallbacks: m3-list.get-tokens(); .mdc-list-item--with-trailing-icon { &.mdc-list-item { - // This is the same in RTL, but we need the specificity. - &, [dir='rtl'] & { - padding-left: 0; + & { padding-right: 0; } + + [dir='rtl'] & { + padding-left: 0; + padding-right: 16px; + } } .mdc-list-item__end {