diff --git a/docs/data/joy/components/button/ButtonLoadingIndicator.js b/docs/data/joy/components/button/ButtonLoadingIndicator.js
index bdb8096be4b3f4..1c7ee08cf349e4 100644
--- a/docs/data/joy/components/button/ButtonLoadingIndicator.js
+++ b/docs/data/joy/components/button/ButtonLoadingIndicator.js
@@ -5,10 +5,8 @@ import Button from '@mui/joy/Button';
 export default function ButtonLoadingIndicator() {
   return (
     <Stack spacing={2} direction="row">
-      <Button loading variant="outlined">
-        Default
-      </Button>
-      <Button loading loadingIndicator="Loading…" variant="outlined">
+      <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 bdb8096be4b3f4..1c7ee08cf349e4 100644
--- a/docs/data/joy/components/button/ButtonLoadingIndicator.tsx
+++ b/docs/data/joy/components/button/ButtonLoadingIndicator.tsx
@@ -5,10 +5,8 @@ import Button from '@mui/joy/Button';
 export default function ButtonLoadingIndicator() {
   return (
     <Stack spacing={2} direction="row">
-      <Button loading variant="outlined">
-        Default
-      </Button>
-      <Button loading loadingIndicator="Loading…" variant="outlined">
+      <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 b1a6866a20a526..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 variant="outlined">
-  Default
-</Button>
-<Button loading loadingIndicator="Loading…" variant="outlined">
+<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 885358b6f1e421..581a696a66b472 100644
--- a/docs/data/joy/components/button/ButtonLoadingPosition.js
+++ b/docs/data/joy/components/button/ButtonLoadingPosition.js
@@ -6,15 +6,10 @@ import Button from '@mui/joy/Button';
 export default function ButtonLoadingPosition() {
   return (
     <Stack spacing={2} direction="row">
-      <Button loading loadingPosition="start" variant="outlined">
+      <Button loading loadingPosition="start">
         Start
       </Button>
-      <Button
-        loading
-        loadingPosition="end"
-        endDecorator={<SendIcon />}
-        variant="outlined"
-      >
+      <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 885358b6f1e421..581a696a66b472 100644
--- a/docs/data/joy/components/button/ButtonLoadingPosition.tsx
+++ b/docs/data/joy/components/button/ButtonLoadingPosition.tsx
@@ -6,15 +6,10 @@ import Button from '@mui/joy/Button';
 export default function ButtonLoadingPosition() {
   return (
     <Stack spacing={2} direction="row">
-      <Button loading loadingPosition="start" variant="outlined">
+      <Button loading loadingPosition="start">
         Start
       </Button>
-      <Button
-        loading
-        loadingPosition="end"
-        endDecorator={<SendIcon />}
-        variant="outlined"
-      >
+      <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 81e63e6e2ac047..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">
+<Button loading loadingPosition="start">
   Start
 </Button>
-<Button
-  loading
-  loadingPosition="end"
-  endDecorator={<SendIcon />}
-  variant="outlined"
->
+<Button loading loadingPosition="end" endDecorator={<SendIcon />}>
   End
 </Button>
\ No newline at end of file