diff --git a/docs/data/joy/components/switch/ExampleMaterialSwitch.js b/docs/data/joy/components/switch/ExampleMaterialSwitch.js
deleted file mode 100644
index aa1773f03e7db6..00000000000000
--- a/docs/data/joy/components/switch/ExampleMaterialSwitch.js
+++ /dev/null
@@ -1,48 +0,0 @@
-import * as React from 'react';
-import Switch, { switchClasses } from '@mui/joy/Switch';
-
-export default function ExampleMaterialSwitch() {
-  const [checked, setChecked] = React.useState(false);
-  return (
-    <Switch
-      variant={checked ? 'soft' : 'solid'}
-      checked={checked}
-      onChange={(event) => setChecked(event.target.checked)}
-      sx={(theme) => ({
-        display: 'inherit',
-        '--Switch-thumbShadow':
-          'rgb(0 0 0 / 20%) 0px 2px 1px -1px, rgb(0 0 0 / 14%) 0px 1px 1px 0px, rgb(0 0 0 / 12%) 0px 1px 3px 0px',
-        '--Switch-thumbSize': '20px',
-        '--Switch-trackWidth': '34px',
-        '--Switch-trackHeight': '14px',
-        '--Switch-trackBackground': 'rgb(0, 0, 0, 0.38)',
-        '&:hover': {
-          '--Switch-trackBackground': 'rgb(0, 0, 0, 0.38)',
-        },
-        [`&.${switchClasses.checked}`]: {
-          '--Switch-thumbBackground': 'rgb(25, 118, 210)',
-          '--Switch-trackBackground': 'rgba(25, 118, 210, 0.5)',
-          '&:hover': {
-            '--Switch-trackBackground': 'rgba(25, 118, 210, 0.5)',
-          },
-        },
-        [`&.${switchClasses.disabled}`]: {
-          '--Switch-trackBackground': 'rgb(0, 0, 0, 0.12)',
-          '--Switch-thumbColor': 'rgb(245, 245, 245)',
-        },
-        [`&.${switchClasses.checked}.${switchClasses.disabled}`]: {
-          '--Switch-trackBackground': 'rgba(25, 118, 210, 0.12)',
-          '--Switch-thumbColor': 'rgb(167, 202, 237)',
-        },
-        [theme.getColorSchemeSelector('dark')]: {
-          '--Switch-thumbBackground': '#fff',
-          '--Switch-trackBackground': 'rgba(255, 255, 255, 0.3)',
-          [`&.${switchClasses.checked}`]: {
-            '--Switch-thumbBackground': 'rgb(144, 202, 249)',
-            '--Switch-trackBackground': 'rgba(144, 202, 249, 0.5)',
-          },
-        },
-      })}
-    />
-  );
-}
diff --git a/docs/data/joy/components/switch/ExampleMaterialSwitch.tsx b/docs/data/joy/components/switch/ExampleMaterialSwitch.tsx
deleted file mode 100644
index 3feb62e218f0ad..00000000000000
--- a/docs/data/joy/components/switch/ExampleMaterialSwitch.tsx
+++ /dev/null
@@ -1,51 +0,0 @@
-import * as React from 'react';
-import Switch, { switchClasses } from '@mui/joy/Switch';
-import { Theme } from '@mui/joy';
-
-export default function ExampleMaterialSwitch() {
-  const [checked, setChecked] = React.useState<boolean>(false);
-  return (
-    <Switch
-      variant={checked ? 'soft' : 'solid'}
-      checked={checked}
-      onChange={(event: React.ChangeEvent<HTMLInputElement>) =>
-        setChecked(event.target.checked)
-      }
-      sx={(theme: Theme) => ({
-        display: 'inherit',
-        '--Switch-thumbShadow':
-          'rgb(0 0 0 / 20%) 0px 2px 1px -1px, rgb(0 0 0 / 14%) 0px 1px 1px 0px, rgb(0 0 0 / 12%) 0px 1px 3px 0px',
-        '--Switch-thumbSize': '20px',
-        '--Switch-trackWidth': '34px',
-        '--Switch-trackHeight': '14px',
-        '--Switch-trackBackground': 'rgb(0, 0, 0, 0.38)',
-        '&:hover': {
-          '--Switch-trackBackground': 'rgb(0, 0, 0, 0.38)',
-        },
-        [`&.${switchClasses.checked}`]: {
-          '--Switch-thumbBackground': 'rgb(25, 118, 210)',
-          '--Switch-trackBackground': 'rgba(25, 118, 210, 0.5)',
-          '&:hover': {
-            '--Switch-trackBackground': 'rgba(25, 118, 210, 0.5)',
-          },
-        },
-        [`&.${switchClasses.disabled}`]: {
-          '--Switch-trackBackground': 'rgb(0, 0, 0, 0.12)',
-          '--Switch-thumbColor': 'rgb(245, 245, 245)',
-        },
-        [`&.${switchClasses.checked}.${switchClasses.disabled}`]: {
-          '--Switch-trackBackground': 'rgba(25, 118, 210, 0.12)',
-          '--Switch-thumbColor': 'rgb(167, 202, 237)',
-        },
-        [theme.getColorSchemeSelector('dark')]: {
-          '--Switch-thumbBackground': '#fff',
-          '--Switch-trackBackground': 'rgba(255, 255, 255, 0.3)',
-          [`&.${switchClasses.checked}`]: {
-            '--Switch-thumbBackground': 'rgb(144, 202, 249)',
-            '--Switch-trackBackground': 'rgba(144, 202, 249, 0.5)',
-          },
-        },
-      })}
-    />
-  );
-}
diff --git a/docs/data/joy/components/switch/switch.md b/docs/data/joy/components/switch/switch.md
index 2f4f058c6e7d40..eb59edab5ec6c6 100644
--- a/docs/data/joy/components/switch/switch.md
+++ b/docs/data/joy/components/switch/switch.md
@@ -92,15 +92,9 @@ You can use those to customize the component on both the `sx` prop and the theme
 
 ## Common examples
 
-### Material Design
-
-You can also find the Material Design switch design, out of the box, in [Material UI's documentation](/material-ui/react-switch/).
-
-{{"demo": "ExampleMaterialSwitch.js"}}
-
 ### Fluent UI
 
-Here's how you'd customize Joy UI's switch to make it look like [Microsoft's Fluent UI](https://developer.microsoft.com/en-us/fluentui#/controls/web/toggle):
+Here's how you'd customize Joy UI's Switch to make it look like [Microsoft's Fluent UI](https://developer.microsoft.com/en-us/fluentui#/controls/web/toggle):
 
 - Unchecked state: `outlined` variant and `neutral` color.
 - Checked state: `solid` variant and `primary` color.
diff --git a/packages/mui-joy/src/Switch/Switch.tsx b/packages/mui-joy/src/Switch/Switch.tsx
index 7faa93ceb7b7e5..ee936e6ad14371 100644
--- a/packages/mui-joy/src/Switch/Switch.tsx
+++ b/packages/mui-joy/src/Switch/Switch.tsx
@@ -65,23 +65,23 @@ const SwitchRoot = styled('div', {
     '--Switch-thumbShadow':
       ownerState.variant === 'soft' ? 'none' : '0 0 0 1px var(--Switch-trackBackground)', // create border-like if the thumb is bigger than the track
     ...(ownerState.size === 'sm' && {
-      '--Switch-trackWidth': '32px',
+      '--Switch-trackWidth': '26px',
       '--Switch-trackHeight': '16px',
-      '--Switch-thumbSize': '8px',
+      '--Switch-thumbSize': '10px',
       fontSize: theme.vars.fontSize.sm,
       gap: 'var(--Switch-gap, 6px)',
     }),
     ...(ownerState.size === 'md' && {
-      '--Switch-trackWidth': '40px',
+      '--Switch-trackWidth': '32px',
       '--Switch-trackHeight': '20px',
-      '--Switch-thumbSize': '12px',
+      '--Switch-thumbSize': '14px',
       fontSize: theme.vars.fontSize.md,
       gap: 'var(--Switch-gap, 8px)',
     }),
     ...(ownerState.size === 'lg' && {
-      '--Switch-trackWidth': '48px',
+      '--Switch-trackWidth': '40px',
       '--Switch-trackHeight': '24px',
-      '--Switch-thumbSize': '16px',
+      '--Switch-thumbSize': '18px',
       gap: 'var(--Switch-gap, 12px)',
     }),
     '--unstable_paddingBlock': `max((var(--Switch-trackHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Switch-thumbSize)) / 2, 0px)`,