Scrollbar always showing when using `overflow:auto`

[Ratchet]

In div’s that have overflow: auto; I’m seeing scroll bars always shown.

This is on a Mac Studio which has an M1 Max chip. My first computer with Apple Silicon. I’m noticing that scrollbars on my Intel machine work as expected and none are show until scrolled or hovered. But this is not the case on this new computer. Any idea what’s going on?

Here’s the test page: https://play.tailwindcss.com/NSPsBC4pQT

[Ratchet]

Oh, and this is how it looks on my intel (mac) machine:

[Ratchet]

Found theses settings in MacOS system preferences, but both computers have the same setting so something is still not consistent/correct.

[Ratchet]

It must be a MacOS issue. Seeing the same thing in Firefox.