diff --git a/src/components-examples/aria/autocomplete/autocomplete.css b/src/components-examples/aria/autocomplete/autocomplete.css
index 2c77dbb51211..d0a57a1f7def 100644
--- a/src/components-examples/aria/autocomplete/autocomplete.css
+++ b/src/components-examples/aria/autocomplete/autocomplete.css
@@ -117,3 +117,13 @@
 .example-check-icon {
   font-size: 0.9rem;
 }
+
+/* stylelint-disable material/no-prefixes -- Provides all prefixes for ::placeholder */
+input::-webkit-input-placeholder,
+input::-moz-placeholder, /* Firefox 19+ */
+input:-ms-input-placeholder, /* IE 10+ */
+input:-moz-placeholder, /* Firefox 18- */
+input::placeholder {
+  color: var(--mat-sys-on-surface-variant);
+}
+/* stylelint-enable material/no-prefixes */