diff --git a/demos/drawer/dismissible-drawer.html b/demos/drawer/dismissible-drawer.html
index add5093b850..88a06695f0b 100644
--- a/demos/drawer/dismissible-drawer.html
+++ b/demos/drawer/dismissible-drawer.html
@@ -220,6 +220,7 @@ <h1 class="mdc-typography--headline4">Dismissible Drawer</h1>
           mainEl.querySelector('input').focus();
         });
       });
+
     </script>
   </body>
 </html>
diff --git a/packages/mdc-drawer/common.scss b/packages/mdc-drawer/common.scss
index e8570912e93..6cdb462e33a 100644
--- a/packages/mdc-drawer/common.scss
+++ b/packages/mdc-drawer/common.scss
@@ -90,6 +90,12 @@
   .mdc-list-divider {
     margin: 3px 0 4px 0;
   }
+
+  // Prevents list item children from being included in the click target.
+  .mdc-list-item__text,
+  .mdc-list-item__graphic {
+    pointer-events: none;
+  }
 }
 
 .mdc-drawer--open {
diff --git a/packages/mdc-list/mdc-list.scss b/packages/mdc-list/mdc-list.scss
index ab93cc84c53..f3a07978e5a 100644
--- a/packages/mdc-list/mdc-list.scss
+++ b/packages/mdc-list/mdc-list.scss
@@ -103,8 +103,6 @@
 
 .mdc-list-item__text {
   @include mdc-typography-overflow-ellipsis;
-
-  pointer-events: none;
 }
 
 $mdc-list-item-primary-text-baseline-height_: 32px;