diff --git a/packages/react-aria-components/docs/styling.mdx b/packages/react-aria-components/docs/styling.mdx
index 37c86d811c6..81c0abc0b45 100644
--- a/packages/react-aria-components/docs/styling.mdx
+++ b/packages/react-aria-components/docs/styling.mdx
@@ -164,10 +164,10 @@ Alternatively, you can use [render props](#render-props) to control which Tailwi
 </Radio>
 ```
 
-To access [CSS variables](#css-variables), use Tailwind's [arbitrary value](https://tailwindcss.com/docs/adding-custom-styles#using-arbitrary-values) syntax.
+To access [CSS variables](#css-variables), use Tailwind's [arbitrary value](https://tailwindcss.com/docs/adding-custom-styles#resolving-ambiguities) syntax.
 
 ```jsx
-<Popover className="w-[--trigger-width]">
+<Popover className="w-(--trigger-width)">
   {/* ... */}
 </Popover>
 ```