diff --git a/docs/src/pages/components/selects/MultipleSelect.js b/docs/src/pages/components/selects/MultipleSelect.js
index 0d75e002b13898..9de947838f0e88 100644
--- a/docs/src/pages/components/selects/MultipleSelect.js
+++ b/docs/src/pages/components/selects/MultipleSelect.js
@@ -50,10 +50,10 @@ export default function MultipleSelect() {
   return (
     <div>
       <FormControl sx={{ m: 1, minWidth: 120, maxWidth: 300 }}>
-        <InputLabel id="demo-mutiple-name-label">Name</InputLabel>
+        <InputLabel id="demo-multiple-name-label">Name</InputLabel>
         <Select
-          labelId="demo-mutiple-name-label"
-          id="demo-mutiple-name"
+          labelId="demo-multiple-name-label"
+          id="demo-multiple-name"
           multiple
           value={personName}
           onChange={handleChange}
diff --git a/docs/src/pages/components/selects/MultipleSelect.tsx b/docs/src/pages/components/selects/MultipleSelect.tsx
index bc3d7237dad0eb..bca6b78f458607 100644
--- a/docs/src/pages/components/selects/MultipleSelect.tsx
+++ b/docs/src/pages/components/selects/MultipleSelect.tsx
@@ -50,10 +50,10 @@ export default function MultipleSelect() {
   return (
     <div>
       <FormControl sx={{ m: 1, minWidth: 120, maxWidth: 300 }}>
-        <InputLabel id="demo-mutiple-name-label">Name</InputLabel>
+        <InputLabel id="demo-multiple-name-label">Name</InputLabel>
         <Select
-          labelId="demo-mutiple-name-label"
-          id="demo-mutiple-name"
+          labelId="demo-multiple-name-label"
+          id="demo-multiple-name"
           multiple
           value={personName}
           onChange={handleChange}
diff --git a/docs/src/pages/components/selects/MultipleSelectCheckmarks.js b/docs/src/pages/components/selects/MultipleSelectCheckmarks.js
index 6497e77c21ea41..1d344cbd01938d 100644
--- a/docs/src/pages/components/selects/MultipleSelectCheckmarks.js
+++ b/docs/src/pages/components/selects/MultipleSelectCheckmarks.js
@@ -41,10 +41,10 @@ export default function MultipleSelectCheckmarks() {
   return (
     <div>
       <FormControl sx={{ m: 1, minWidth: 120, maxWidth: 300 }}>
-        <InputLabel id="demo-mutiple-checkbox-label">Tag</InputLabel>
+        <InputLabel id="demo-multiple-checkbox-label">Tag</InputLabel>
         <Select
-          labelId="demo-mutiple-checkbox-label"
-          id="demo-mutiple-checkbox"
+          labelId="demo-multiple-checkbox-label"
+          id="demo-multiple-checkbox"
           multiple
           value={personName}
           onChange={handleChange}
diff --git a/docs/src/pages/components/selects/MultipleSelectCheckmarks.tsx b/docs/src/pages/components/selects/MultipleSelectCheckmarks.tsx
index db2331000802a8..dc1ff78bd2eb7e 100644
--- a/docs/src/pages/components/selects/MultipleSelectCheckmarks.tsx
+++ b/docs/src/pages/components/selects/MultipleSelectCheckmarks.tsx
@@ -41,10 +41,10 @@ export default function MultipleSelectCheckmarks() {
   return (
     <div>
       <FormControl sx={{ m: 1, minWidth: 120, maxWidth: 300 }}>
-        <InputLabel id="demo-mutiple-checkbox-label">Tag</InputLabel>
+        <InputLabel id="demo-multiple-checkbox-label">Tag</InputLabel>
         <Select
-          labelId="demo-mutiple-checkbox-label"
-          id="demo-mutiple-checkbox"
+          labelId="demo-multiple-checkbox-label"
+          id="demo-multiple-checkbox"
           multiple
           value={personName}
           onChange={handleChange}
diff --git a/docs/src/pages/components/selects/MultipleSelectChip.js b/docs/src/pages/components/selects/MultipleSelectChip.js
index 8c51310f6e8ca7..2466fc460acf62 100644
--- a/docs/src/pages/components/selects/MultipleSelectChip.js
+++ b/docs/src/pages/components/selects/MultipleSelectChip.js
@@ -52,10 +52,10 @@ export default function MultipleSelectChip() {
   return (
     <div>
       <FormControl sx={{ m: 1, minWidth: 120, maxWidth: 300 }}>
-        <InputLabel id="demo-mutiple-chip-label">Chip</InputLabel>
+        <InputLabel id="demo-multiple-chip-label">Chip</InputLabel>
         <Select
-          labelId="demo-mutiple-chip-label"
-          id="demo-mutiple-chip"
+          labelId="demo-multiple-chip-label"
+          id="demo-multiple-chip"
           multiple
           value={personName}
           onChange={handleChange}
diff --git a/docs/src/pages/components/selects/MultipleSelectChip.tsx b/docs/src/pages/components/selects/MultipleSelectChip.tsx
index e2d35a58652ea4..9de18e511176a0 100644
--- a/docs/src/pages/components/selects/MultipleSelectChip.tsx
+++ b/docs/src/pages/components/selects/MultipleSelectChip.tsx
@@ -52,10 +52,10 @@ export default function MultipleSelectChip() {
   return (
     <div>
       <FormControl sx={{ m: 1, minWidth: 120, maxWidth: 300 }}>
-        <InputLabel id="demo-mutiple-chip-label">Chip</InputLabel>
+        <InputLabel id="demo-multiple-chip-label">Chip</InputLabel>
         <Select
-          labelId="demo-mutiple-chip-label"
-          id="demo-mutiple-chip"
+          labelId="demo-multiple-chip-label"
+          id="demo-multiple-chip"
           multiple
           value={personName}
           onChange={handleChange}