fix(material/list): list truncates on narrow width screens

Fixes bottom padding beneath Antular Components List item with leading avatar to provide a similar space as exists above the list item. Fixes b/291296866
angular · May 20, 2024 · 1d9b95a · 1d9b95a
1 parent ed0e171
commit 1d9b95a
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/material/list/list.scss b/src/material/list/list.scss
@@ -176,7 +176,7 @@ a.mdc-list-item--activated {
 .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-three-lines,
 .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-three-lines {
   height: auto;
-  padding-bottom: 8px;
+  padding-bottom: 12px;
 }
 
 .mat-mdc-list-item.mdc-list-item--with-three-lines,