diff --git a/src/material/list/list-item.html b/src/material/list/list-item.html
index 03e57de4ac13..1d49a0c95949 100644
--- a/src/material/list/list-item.html
+++ b/src/material/list/list-item.html
@@ -1,13 +1,13 @@
-<span class="mat-list-item-content">
-  <span class="mat-list-item-ripple" mat-ripple
+<div class="mat-list-item-content">
+  <div class="mat-list-item-ripple" mat-ripple
        [matRippleTrigger]="_getHostElement()"
        [matRippleDisabled]="_isRippleDisabled()">
-  </span>
+  </div>
 
   <ng-content select="[mat-list-avatar], [mat-list-icon], [matListAvatar], [matListIcon]">
   </ng-content>
 
-  <span class="mat-list-text"><ng-content select="[mat-line], [matLine]"></ng-content></span>
+  <div class="mat-list-text"><ng-content select="[mat-line], [matLine]"></ng-content></div>
 
   <ng-content></ng-content>
-</span>
+</div>
diff --git a/src/material/list/list.scss b/src/material/list/list.scss
index 649e7726f824..7321cd89ad35 100644
--- a/src/material/list/list.scss
+++ b/src/material/list/list.scss
@@ -66,7 +66,6 @@ $item-inset-divider-offset: 72px;
   }
 
   .mat-list-item-ripple {
-    display: block;
     @include layout-common.fill;
 
     // Disable pointer events for the ripple container because the container will overlay the