Why Are Buttons Losing the Pointer Cursor? The ShadCN and Tailwind Debate

Developers noticed that buttons in ShadCN v4 and Tailwind CSS v4 no longer displayed the pointer cursor on hover, which led to confusion as it broke expectations. A GitHub issue was opened, but it was revealed that the change was a deliberate design choice to use the default cursor for buttons. To restore the expected behavior, developers can apply a custom CSS workaround provided by @aow3xm and @Koda-Pig. The decision to remove the pointer cursor from buttons is rooted in legacy UX logic, where GUI buttons traditionally relied on visual affordances rather than cursors for interactivity, but in modern web apps, users expect cursor changes for all clickable elements.

Read Original

Scroll to Top