diff --git a/docs/data/joy/components/button/ButtonLoadingIndicator.js b/docs/data/joy/components/button/ButtonLoadingIndicator.js
index 218db616a29f1e..0cefad891549a8 100644
--- a/docs/data/joy/components/button/ButtonLoadingIndicator.js
+++ b/docs/data/joy/components/button/ButtonLoadingIndicator.js
@@ -1,12 +1,12 @@
 import * as React from 'react';
 import Stack from '@mui/joy/Stack';
-import SendIcon from '@mui/icons-material/Send';
+import CircularProgress from '@mui/joy/CircularProgress';
 import Button from '@mui/joy/Button';
 
 export default function ButtonLoadingIndicator() {
   return (
     <Stack spacing={2} direction="row">
-      <Button loading endDecorator={<SendIcon />} variant="solid">
+      <Button loading endDecorator={<CircularProgress />} variant="solid">
         Send
       </Button>
       <Button loading loadingIndicator="Loading…" variant="outlined">