diff --git a/docs/data/material/components/tooltips/DisabledTooltips.js b/docs/data/material/components/tooltips/DisabledTooltips.js
index a00764ef2a437e..d4d6edf6c6fae4 100644
--- a/docs/data/material/components/tooltips/DisabledTooltips.js
+++ b/docs/data/material/components/tooltips/DisabledTooltips.js
@@ -4,9 +4,9 @@ import Tooltip from '@mui/material/Tooltip';
 export default function DisabledTooltips() {
   return (
     <Tooltip describeChild title="You don't have permission to do this">
-      <span>
-        <Button disabled>A Disabled Button</Button>
-      </span>
+      <Button disabled style={{ pointerEvents: 'auto' }}>
+        A Disabled Button
+      </Button>
     </Tooltip>
   );
 }
diff --git a/docs/data/material/components/tooltips/DisabledTooltips.tsx b/docs/data/material/components/tooltips/DisabledTooltips.tsx
index a00764ef2a437e..d4d6edf6c6fae4 100644
--- a/docs/data/material/components/tooltips/DisabledTooltips.tsx
+++ b/docs/data/material/components/tooltips/DisabledTooltips.tsx
@@ -4,9 +4,9 @@ import Tooltip from '@mui/material/Tooltip';
 export default function DisabledTooltips() {
   return (
     <Tooltip describeChild title="You don't have permission to do this">
-      <span>
-        <Button disabled>A Disabled Button</Button>
-      </span>
+      <Button disabled style={{ pointerEvents: 'auto' }}>
+        A Disabled Button
+      </Button>
     </Tooltip>
   );
 }
diff --git a/docs/data/material/components/tooltips/DisabledTooltips.tsx.preview b/docs/data/material/components/tooltips/DisabledTooltips.tsx.preview
index f83193be661f3d..9253da1e600e21 100644
--- a/docs/data/material/components/tooltips/DisabledTooltips.tsx.preview
+++ b/docs/data/material/components/tooltips/DisabledTooltips.tsx.preview
@@ -1,5 +1,5 @@
 <Tooltip describeChild title="You don't have permission to do this">
-  <span>
-    <Button disabled>A Disabled Button</Button>
-  </span>
+  <Button disabled style={{ pointerEvents: 'auto' }}>
+    A Disabled Button
+  </Button>
 </Tooltip>
\ No newline at end of file
diff --git a/docs/data/material/components/tooltips/tooltips.md b/docs/data/material/components/tooltips/tooltips.md
index 42dc76cfee6928..f07d3a1611b1ee 100644
--- a/docs/data/material/components/tooltips/tooltips.md
+++ b/docs/data/material/components/tooltips/tooltips.md
@@ -147,28 +147,14 @@ You can disable this behavior (thus failing the success criterion which is requi
 
 ## Disabled elements
 
-By default disabled elements like `<button>` do not trigger user interactions so a `Tooltip` will not activate on normal events like hover. To accommodate disabled elements, add a simple wrapper element, such as a `span`.
-
-:::warning
-In order to work with Safari, you need at least one display block or flex item below the tooltip wrapper.
-:::
+When wrapping a Material UI component that inherits from `ButtonBase`, you should add the CSS property _pointer-events: auto;_ to your element when disabled:
 
 {{"demo": "DisabledTooltips.js"}}
 
 :::warning
-If you're not wrapping a Material UI component that inherits from `ButtonBase`, for instance, a native `<button>` element, you should also add the CSS property _pointer-events: none;_ to your element when disabled:
+By default, disabled elements like `<button>` are not keyboard focusable, so a `Tooltip` will only work for mouse users.
 :::
 
-```jsx
-<Tooltip describeChild title="You don't have permission to do this">
-  <span>
-    <button disabled={disabled} style={disabled ? { pointerEvents: 'none' } : {}}>
-      A disabled button
-    </button>
-  </span>
-</Tooltip>
-```
-
 ## Transitions
 
 Use `slots.transition` and `slotProps.transition` to use a different transition.