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 190eb078df052b..e218ede7138543 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
@@ -81,8 +81,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/Footer.tsx b/docs/data/material/getting-started/templates/landing-page/components/Footer.tsx
index 190eb078df052b..e218ede7138543 100644
--- a/docs/data/material/getting-started/templates/landing-page/components/Footer.tsx
+++ b/docs/data/material/getting-started/templates/landing-page/components/Footer.tsx
@@ -81,8 +81,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 6813d4c96f4376..fda55a5c77b3bf 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
@@ -79,8 +79,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">
diff --git a/docs/data/material/getting-started/templates/landing-page/components/Hero.tsx b/docs/data/material/getting-started/templates/landing-page/components/Hero.tsx
index 6813d4c96f4376..fda55a5c77b3bf 100644
--- a/docs/data/material/getting-started/templates/landing-page/components/Hero.tsx
+++ b/docs/data/material/getting-started/templates/landing-page/components/Hero.tsx
@@ -79,8 +79,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">