diff --git a/docs/data/joy/components/button/ButtonIcons.js b/docs/data/joy/components/button/ButtonIcons.js
index 92f1fad0a6e88b..9f5ae31a1952ab 100644
--- a/docs/data/joy/components/button/ButtonIcons.js
+++ b/docs/data/joy/components/button/ButtonIcons.js
@@ -3,17 +3,13 @@ import Box from '@mui/joy/Box';
 import Button from '@mui/joy/Button';
 import Add from '@mui/icons-material/Add';
 import KeyboardArrowRight from '@mui/icons-material/KeyboardArrowRight';
-import ThumbUp from '@mui/icons-material/ThumbUp';
 
 export default function ButtonIcons() {
   return (
     <Box sx={{ display: 'flex', gap: 2, flexWrap: 'wrap' }}>
       <Button startDecorator={<Add />}>Add to cart</Button>
-      <Button aria-label="Like" variant="outlined" color="neutral">
-        <ThumbUp />
-      </Button>
-      <Button variant="soft" endDecorator={<KeyboardArrowRight />} color="success">
-        Checkout
+      <Button endDecorator={<KeyboardArrowRight />} color="success">
+        Go to checkout
       </Button>
     </Box>
   );
diff --git a/docs/data/joy/components/button/ButtonIcons.tsx b/docs/data/joy/components/button/ButtonIcons.tsx
index 92f1fad0a6e88b..9f5ae31a1952ab 100644
--- a/docs/data/joy/components/button/ButtonIcons.tsx
+++ b/docs/data/joy/components/button/ButtonIcons.tsx
@@ -3,17 +3,13 @@ import Box from '@mui/joy/Box';
 import Button from '@mui/joy/Button';
 import Add from '@mui/icons-material/Add';
 import KeyboardArrowRight from '@mui/icons-material/KeyboardArrowRight';
-import ThumbUp from '@mui/icons-material/ThumbUp';
 
 export default function ButtonIcons() {
   return (
     <Box sx={{ display: 'flex', gap: 2, flexWrap: 'wrap' }}>
       <Button startDecorator={<Add />}>Add to cart</Button>
-      <Button aria-label="Like" variant="outlined" color="neutral">
-        <ThumbUp />
-      </Button>
-      <Button variant="soft" endDecorator={<KeyboardArrowRight />} color="success">
-        Checkout
+      <Button endDecorator={<KeyboardArrowRight />} color="success">
+        Go to checkout
       </Button>
     </Box>
   );
diff --git a/docs/data/joy/components/button/ButtonIcons.tsx.preview b/docs/data/joy/components/button/ButtonIcons.tsx.preview
index afff65cdf0dd2f..c6f6c28970d81d 100644
--- a/docs/data/joy/components/button/ButtonIcons.tsx.preview
+++ b/docs/data/joy/components/button/ButtonIcons.tsx.preview
@@ -1,7 +1,4 @@
 <Button startDecorator={<Add />}>Add to cart</Button>
-<Button aria-label="Like" variant="outlined" color="neutral">
-  <ThumbUp />
-</Button>
-<Button variant="soft" endDecorator={<KeyboardArrowRight />} color="success">
-  Checkout
+<Button endDecorator={<KeyboardArrowRight />} color="success">
+  Go to checkout
 </Button>
\ No newline at end of file
diff --git a/docs/data/joy/components/button/ButtonLoadingIndicator.js b/docs/data/joy/components/button/ButtonLoadingIndicator.js
index 218db616a29f1e..1c7ee08cf349e4 100644
--- a/docs/data/joy/components/button/ButtonLoadingIndicator.js
+++ b/docs/data/joy/components/button/ButtonLoadingIndicator.js
@@ -1,16 +1,13 @@
 import * as React from 'react';
 import Stack from '@mui/joy/Stack';
-import SendIcon from '@mui/icons-material/Send';
 import Button from '@mui/joy/Button';
 
 export default function ButtonLoadingIndicator() {
   return (
     <Stack spacing={2} direction="row">
-      <Button loading endDecorator={<SendIcon />} variant="solid">
-        Send
-      </Button>
-      <Button loading loadingIndicator="Loading…" variant="outlined">
-        Fetch data
+      <Button loading>Default</Button>
+      <Button loading loadingIndicator="Loading…">
+        Custom
       </Button>
     </Stack>
   );
diff --git a/docs/data/joy/components/button/ButtonLoadingIndicator.tsx b/docs/data/joy/components/button/ButtonLoadingIndicator.tsx
index 218db616a29f1e..1c7ee08cf349e4 100644
--- a/docs/data/joy/components/button/ButtonLoadingIndicator.tsx
+++ b/docs/data/joy/components/button/ButtonLoadingIndicator.tsx
@@ -1,16 +1,13 @@
 import * as React from 'react';
 import Stack from '@mui/joy/Stack';
-import SendIcon from '@mui/icons-material/Send';
 import Button from '@mui/joy/Button';
 
 export default function ButtonLoadingIndicator() {
   return (
     <Stack spacing={2} direction="row">
-      <Button loading endDecorator={<SendIcon />} variant="solid">
-        Send
-      </Button>
-      <Button loading loadingIndicator="Loading…" variant="outlined">
-        Fetch data
+      <Button loading>Default</Button>
+      <Button loading loadingIndicator="Loading…">
+        Custom
       </Button>
     </Stack>
   );
diff --git a/docs/data/joy/components/button/ButtonLoadingIndicator.tsx.preview b/docs/data/joy/components/button/ButtonLoadingIndicator.tsx.preview
index ca37d5ae89ed8c..0a6efd65cfe58c 100644
--- a/docs/data/joy/components/button/ButtonLoadingIndicator.tsx.preview
+++ b/docs/data/joy/components/button/ButtonLoadingIndicator.tsx.preview
@@ -1,6 +1,4 @@
-<Button loading endDecorator={<SendIcon />} variant="solid">
-  Send
-</Button>
-<Button loading loadingIndicator="Loading…" variant="outlined">
-  Fetch data
+<Button loading>Default</Button>
+<Button loading loadingIndicator="Loading…">
+  Custom
 </Button>
\ No newline at end of file
diff --git a/docs/data/joy/components/button/ButtonLoadingPosition.js b/docs/data/joy/components/button/ButtonLoadingPosition.js
index 4c851a0de942f7..581a696a66b472 100644
--- a/docs/data/joy/components/button/ButtonLoadingPosition.js
+++ b/docs/data/joy/components/button/ButtonLoadingPosition.js
@@ -6,16 +6,11 @@ import Button from '@mui/joy/Button';
 export default function ButtonLoadingPosition() {
   return (
     <Stack spacing={2} direction="row">
-      <Button loading loadingPosition="start" variant="outlined">
-        Fetch data
+      <Button loading loadingPosition="start">
+        Start
       </Button>
-      <Button
-        loading
-        loadingPosition="end"
-        endDecorator={<SendIcon />}
-        variant="solid"
-      >
-        Send
+      <Button loading loadingPosition="end" endDecorator={<SendIcon />}>
+        End
       </Button>
     </Stack>
   );
diff --git a/docs/data/joy/components/button/ButtonLoadingPosition.tsx b/docs/data/joy/components/button/ButtonLoadingPosition.tsx
index 4c851a0de942f7..581a696a66b472 100644
--- a/docs/data/joy/components/button/ButtonLoadingPosition.tsx
+++ b/docs/data/joy/components/button/ButtonLoadingPosition.tsx
@@ -6,16 +6,11 @@ import Button from '@mui/joy/Button';
 export default function ButtonLoadingPosition() {
   return (
     <Stack spacing={2} direction="row">
-      <Button loading loadingPosition="start" variant="outlined">
-        Fetch data
+      <Button loading loadingPosition="start">
+        Start
       </Button>
-      <Button
-        loading
-        loadingPosition="end"
-        endDecorator={<SendIcon />}
-        variant="solid"
-      >
-        Send
+      <Button loading loadingPosition="end" endDecorator={<SendIcon />}>
+        End
       </Button>
     </Stack>
   );
diff --git a/docs/data/joy/components/button/ButtonLoadingPosition.tsx.preview b/docs/data/joy/components/button/ButtonLoadingPosition.tsx.preview
index 711e7cf236fcf7..bfd56d5dd5007e 100644
--- a/docs/data/joy/components/button/ButtonLoadingPosition.tsx.preview
+++ b/docs/data/joy/components/button/ButtonLoadingPosition.tsx.preview
@@ -1,11 +1,6 @@
-<Button loading loadingPosition="start" variant="outlined">
-  Fetch data
+<Button loading loadingPosition="start">
+  Start
 </Button>
-<Button
-  loading
-  loadingPosition="end"
-  endDecorator={<SendIcon />}
-  variant="solid"
->
-  Send
+<Button loading loadingPosition="end" endDecorator={<SendIcon />}>
+  End
 </Button>
\ No newline at end of file