diff --git a/packages/mdc-textfield/mdc-text-field.scss b/packages/mdc-textfield/mdc-text-field.scss
index 6b832dd998a..aa978a614e9 100644
--- a/packages/mdc-textfield/mdc-text-field.scss
+++ b/packages/mdc-textfield/mdc-text-field.scss
@@ -100,6 +100,11 @@
   &:invalid {
     box-shadow: none;
   }
+
+  // Keep Chrome autofill behind the notched outline
+  &:-webkit-autofill {
+    z-index: auto !important;
+  }
 }
 // stylelint-disable-next-line plugin/selector-bem-pattern
 // Move label when text-field gets auto-filled in Chrome.