overflow on x, when developing a website is like a hamster for a stress taking developer. But hold on, today I did debug on some that.
here are the two reasons which were causing that issue on my case but there could be more reasons for that.
The first reason for that bug was the no left-0 on header. header had the absolute class didn't have the left: 0px. and box-sizing: border-box was also not set.
The second reason was -mx-4 class. its a tailwind css class which add the margin-block: -4px.
These were the issues in our case but could vary situation-to-situation. Thanks to read this. hope this will solve your problem now or in the future.