diff --git a/apps/v4/content/docs/components/button.mdx b/apps/v4/content/docs/components/button.mdx
index 1c28237738..caca347950 100644
--- a/apps/v4/content/docs/components/button.mdx
+++ b/apps/v4/content/docs/components/button.mdx
@@ -71,7 +71,20 @@ import { Button } from "@/components/ui/button"
 <Button variant="outline">Button</Button>
 ```
 
----
+## Cursor
+
+Tailwind v4 [switched](https://tailwindcss.com/docs/upgrade-guide#buttons-use-the-default-cursor) from `cursor: pointer` to `cursor: default` for the button component.
+
+If you want to keep the `cursor: pointer` behavior, add the following code to your CSS file:
+
+```css showLineNumbers title="globals.css"
+@layer base {
+  button:not(:disabled),
+  [role="button"]:not(:disabled) {
+    cursor: pointer;
+  }
+}
+```
 
 ## Examples