diff --git a/benchmark/browser/index.html b/benchmark/browser/index.html
index a8a5bd1abfa135..630f25a114886f 100644
--- a/benchmark/browser/index.html
+++ b/benchmark/browser/index.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <title>Perf scenario</title>
     <meta charset="utf-8" />
+    <title>Perf scenario</title>
     <meta name="viewport" content="initial-scale=1, width=device-width" />
     <style>
       body {
diff --git a/docs/data/material/guides/server-rendering/server-rendering.md b/docs/data/material/guides/server-rendering/server-rendering.md
index f1f9e62e69760a..2ea2f64fb625c1 100644
--- a/docs/data/material/guides/server-rendering/server-rendering.md
+++ b/docs/data/material/guides/server-rendering/server-rendering.md
@@ -164,6 +164,7 @@ function renderFullPage(html, css) {
     <!DOCTYPE html>
     <html>
       <head>
+        <meta charset="utf-8" />
         <title>My page</title>
         ${css}
         <meta name="viewport" content="initial-scale=1, width=device-width" />
diff --git a/docs/src/modules/sandbox/CodeSandbox.test.js b/docs/src/modules/sandbox/CodeSandbox.test.js
index d150faf6ffd009..7b04b67adb0233 100644
--- a/docs/src/modules/sandbox/CodeSandbox.test.js
+++ b/docs/src/modules/sandbox/CodeSandbox.test.js
@@ -47,6 +47,7 @@ describe('CodeSandbox', () => {
         content: `<!DOCTYPE html>
 <html lang="en">
   <head>
+    <meta charset="utf-8" />
     <title>BasicButtons Material Demo</title>
     <meta name="viewport" content="initial-scale=1, width=device-width" />
     <!-- Fonts to support Material Design -->
@@ -137,6 +138,7 @@ ReactDOM.createRoot(document.querySelector("#root")).render(
         content: `<!DOCTYPE html>
 <html lang="en">
   <head>
+    <meta charset="utf-8" />
     <title>BasicButtons Material Demo</title>
     <meta name="viewport" content="initial-scale=1, width=device-width" />
     <!-- Fonts to support Material Design -->
diff --git a/docs/src/modules/sandbox/CreateReactApp.ts b/docs/src/modules/sandbox/CreateReactApp.ts
index 345345f0caa01b..9ed86f17f64089 100644
--- a/docs/src/modules/sandbox/CreateReactApp.ts
+++ b/docs/src/modules/sandbox/CreateReactApp.ts
@@ -14,6 +14,7 @@ export const getHtml = ({
   return `<!DOCTYPE html>
 <html lang="${language}">
   <head>
+    <meta charset="utf-8" />
     <title>${title}</title>
     <meta name="viewport" content="initial-scale=1, width=device-width" />
     <!-- Fonts to support Material Design -->
diff --git a/docs/src/modules/sandbox/StackBlitz.test.js b/docs/src/modules/sandbox/StackBlitz.test.js
index 7fa696e080d879..8d9e734376f3a5 100644
--- a/docs/src/modules/sandbox/StackBlitz.test.js
+++ b/docs/src/modules/sandbox/StackBlitz.test.js
@@ -34,6 +34,7 @@ describe('StackBlitz', () => {
         'index.html': `<!DOCTYPE html>
 <html lang="en">
   <head>
+    <meta charset="utf-8" />
     <title>BasicButtons Material Demo</title>
     <meta name="viewport" content="initial-scale=1, width=device-width" />
     <!-- Fonts to support Material Design -->
@@ -110,6 +111,7 @@ ReactDOM.createRoot(document.querySelector("#root")).render(
         'index.html': `<!DOCTYPE html>
 <html lang="en">
   <head>
+    <meta charset="utf-8" />
     <title>BasicButtons Material Demo</title>
     <meta name="viewport" content="initial-scale=1, width=device-width" />
     <!-- Fonts to support Material Design -->
diff --git a/examples/material-ui-express-ssr/server.js b/examples/material-ui-express-ssr/server.js
index 01b9b78858a7f2..a04dfb73a94b9f 100644
--- a/examples/material-ui-express-ssr/server.js
+++ b/examples/material-ui-express-ssr/server.js
@@ -14,6 +14,7 @@ function renderFullPage(html, css) {
     <!DOCTYPE html>
     <html lang="en">
       <head>
+        <meta charset="utf-8" />
         <title>My page</title>
         <meta name="viewport" content="initial-scale=1, width=device-width" />
         <link rel="preconnect" href="https://fonts.googleapis.com" />
diff --git a/examples/material-ui-via-cdn/index.html b/examples/material-ui-via-cdn/index.html
index edb8dbd4103412..de6b56a9c4d286 100644
--- a/examples/material-ui-via-cdn/index.html
+++ b/examples/material-ui-via-cdn/index.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <title>My page</title>
     <meta charset="utf-8" />
+    <title>My page</title>
     <meta name="viewport" content="initial-scale=1, width=device-width" />
     <script
       src="https://unpkg.com/react@latest/umd/react.development.js"
