diff --git a/docs/data/material/components/selects/SelectSmall.js b/docs/data/material/components/selects/SelectSmall.js
index 97671949b312fd..99d073e5ed2a93 100644
--- a/docs/data/material/components/selects/SelectSmall.js
+++ b/docs/data/material/components/selects/SelectSmall.js
@@ -13,9 +13,9 @@ export default function SelectSmall() {
 
   return (
     <FormControl sx={{ m: 1, minWidth: 120 }} size="small">
-      <InputLabel id="demo-select-small">Age</InputLabel>
+      <InputLabel id="demo-select-small-label">Age</InputLabel>
       <Select
-        labelId="demo-select-small"
+        labelId="demo-select-small-label"
         id="demo-select-small"
         value={age}
         label="Age"
diff --git a/docs/data/material/components/selects/SelectSmall.tsx b/docs/data/material/components/selects/SelectSmall.tsx
index 8dce4049fc9741..0e0f6c78b985bd 100644
--- a/docs/data/material/components/selects/SelectSmall.tsx
+++ b/docs/data/material/components/selects/SelectSmall.tsx
@@ -13,9 +13,9 @@ export default function SelectSmall() {
 
   return (
     <FormControl sx={{ m: 1, minWidth: 120 }} size="small">
-      <InputLabel id="demo-select-small">Age</InputLabel>
+      <InputLabel id="demo-select-small-label">Age</InputLabel>
       <Select
-        labelId="demo-select-small"
+        labelId="demo-select-small-label"
         id="demo-select-small"
         value={age}
         label="Age"