diff --git a/docs/src/pages/components/toggle-button/CustomizedDividers.js b/docs/src/pages/components/toggle-button/CustomizedDividers.js
index c54b4478f82af5..2bda6e3fccaf2f 100644
--- a/docs/src/pages/components/toggle-button/CustomizedDividers.js
+++ b/docs/src/pages/components/toggle-button/CustomizedDividers.js
@@ -83,7 +83,7 @@ export default function CustomizedDividers() {
           size="small"
           value={formats}
           onChange={handleFormat}
-          arial-label="text formatting"
+          aria-label="text formatting"
         >
           <ToggleButton value="bold" aria-label="bold">
             <FormatBoldIcon />
diff --git a/docs/src/pages/components/toggle-button/CustomizedDividers.tsx b/docs/src/pages/components/toggle-button/CustomizedDividers.tsx
index e9f81d9dc19c13..a50bf317966ab3 100644
--- a/docs/src/pages/components/toggle-button/CustomizedDividers.tsx
+++ b/docs/src/pages/components/toggle-button/CustomizedDividers.tsx
@@ -85,7 +85,7 @@ export default function CustomizedDividers() {
           size="small"
           value={formats}
           onChange={handleFormat}
-          arial-label="text formatting"
+          aria-label="text formatting"
         >
           <ToggleButton value="bold" aria-label="bold">
             <FormatBoldIcon />
diff --git a/docs/src/pages/components/toggle-button/ToggleButtons.js b/docs/src/pages/components/toggle-button/ToggleButtons.js
index 801e0d41201b60..7f9aa624841ad3 100644
--- a/docs/src/pages/components/toggle-button/ToggleButtons.js
+++ b/docs/src/pages/components/toggle-button/ToggleButtons.js
@@ -67,7 +67,7 @@ export default function ToggleButtons() {
       </Grid>
       <Grid item sm={12} md={6}>
         <div className={classes.toggleContainer}>
-          <ToggleButtonGroup value={formats} onChange={handleFormat} arial-label="text formatting">
+          <ToggleButtonGroup value={formats} onChange={handleFormat} aria-label="text formatting">
             <ToggleButton value="bold" aria-label="bold">
               <FormatBoldIcon />
             </ToggleButton>
diff --git a/docs/src/pages/components/toggle-button/ToggleButtons.tsx b/docs/src/pages/components/toggle-button/ToggleButtons.tsx
index a851d70f0914d6..7aac56329b171c 100644
--- a/docs/src/pages/components/toggle-button/ToggleButtons.tsx
+++ b/docs/src/pages/components/toggle-button/ToggleButtons.tsx
@@ -67,7 +67,7 @@ export default function ToggleButtons() {
       </Grid>
       <Grid item sm={12} md={6}>
         <div className={classes.toggleContainer}>
-          <ToggleButtonGroup value={formats} onChange={handleFormat} arial-label="text formatting">
+          <ToggleButtonGroup value={formats} onChange={handleFormat} aria-label="text formatting">
             <ToggleButton value="bold" aria-label="bold">
               <FormatBoldIcon />
             </ToggleButton>