diff --git a/list/lib/icon/_list-item-icon.scss b/list/lib/icon/_list-item-icon.scss
index 81ba3a4cad..66e5972196 100644
--- a/list/lib/icon/_list-item-icon.scss
+++ b/list/lib/icon/_list-item-icon.scss
@@ -21,6 +21,7 @@
     direction: ltr;
     height: 100%;
     width: 100%;
+    padding-inline-start: 16px;
 
     /* Support for all WebKit browsers. */
     -webkit-font-smoothing: antialiased;
diff --git a/list/lib/listitem/_list-item.scss b/list/lib/listitem/_list-item.scss
index 0147f30935..993673f963 100644
--- a/list/lib/listitem/_list-item.scss
+++ b/list/lib/listitem/_list-item.scss
@@ -15,14 +15,6 @@
     @include item-root;
   }
 
-  .md3-list-item--with-leading-icon {
-    @include icon-item-root;
-  }
-
-  .md3-list-item__end {
-    padding-inline-start: 16px;
-  }
-
   .md3-list-item--with-leading-thumbnail {
     @include thumbnail-item-root;
   }
@@ -41,12 +33,11 @@
 }
 
 @mixin item-root() {
-  align-items: flex-start;
+  align-items: center;
   box-sizing: border-box;
   display: flex;
   padding-block-end: 12px;
   padding-block-start: 12px;
-  padding-inline-end: 24px;
   width: 100%;
 
   .md3-list-item__start {
@@ -54,12 +45,15 @@
   }
 
   .md3-list-item__body {
+    box-sizing: border-box;
     flex: 1 0 0;
     padding-inline-start: 16px;
+    width: 100%;
   }
 
   .md3-list-item__end {
     flex: 0 0 auto;
+    padding-inline-end: 24px;
   }
 
   .md3-list-item__label-text {
@@ -67,10 +61,12 @@
   }
 
   .md3-list-item__supporting-text {
-    display: flex;
+    display: block;
     padding-block-start: 4px;
     text-overflow: ellipsis;
     white-space: nowrap;
+    overflow: hidden;
+    width: 100%;
   }
 
   .md3-list-item__supporting-text--multi-line {
@@ -80,6 +76,10 @@
     overflow: hidden;
     white-space: normal;
   }
+
+  .md3-list-item__trailing-supporting-text {
+    padding-inline-start: 16px;
+  }
 }
 
 @mixin icon-item-root() {