diff --git a/docs/data/material/getting-started/templates/landing-page/components/Footer.js b/docs/data/material/getting-started/templates/landing-page/components/Footer.js
index d635e85d260315..43aa5115caa990 100644
--- a/docs/data/material/getting-started/templates/landing-page/components/Footer.js
+++ b/docs/data/material/getting-started/templates/landing-page/components/Footer.js
@@ -76,8 +76,8 @@ export default function Footer() {
                 aria-label="Enter your email address"
                 placeholder="Your email address"
                 inputProps={{
-                  autocomplete: 'off',
-                  ariaLabel: 'Enter your email address',
+                  autoComplete: 'off',
+                  'aria-label': 'Enter your email address',
                 }}
               />
               <Button variant="contained" color="primary" sx={{ flexShrink: 0 }}>
diff --git a/docs/data/material/getting-started/templates/landing-page/components/Hero.js b/docs/data/material/getting-started/templates/landing-page/components/Hero.js
index dadc3e27009461..aa30ded5246e5d 100644
--- a/docs/data/material/getting-started/templates/landing-page/components/Hero.js
+++ b/docs/data/material/getting-started/templates/landing-page/components/Hero.js
@@ -114,8 +114,8 @@ export default function Hero() {
               aria-label="Enter your email address"
               placeholder="Your email address"
               inputProps={{
-                autocomplete: 'off',
-                ariaLabel: 'Enter your email address',
+                autoComplete: 'off',
+                'aria-label': 'Enter your email address',
               }}
             />
             <Button variant="contained" color="primary">