diff --git a/pages/components/docs/Details.md b/pages/components/docs/Details.md
index c3f2f81e225..64810c30cc2 100644
--- a/pages/components/docs/Details.md
+++ b/pages/components/docs/Details.md
@@ -3,7 +3,7 @@
 
 The Details component is an HTML `<details>` element without native browser styling that optionally uses the [render props pattern](https://reactjs.org/docs/render-props.html) to pass its state to child components.
 
-You are responsible for rendering your own `<summary>`. To style your summary element like a [Button](./Button), you can use the `is` prop:
+You are responsible for rendering your own `<summary>`. To style your summary element like a [Button](./Button), you can use the `as` prop:
 
 ```jsx
 <Button as="summary">Summary text</Button>