I just started using Next.JS yesterday while working through the learning path thats on their website until I hit chapter 6 since there was an issue with seeding the database. I decided to move onto a personal project of mine and I am noticing there is noticeable "lag" whenever I make any stylistic changes to elements in my website application.

For example, I could apply the following CSS selector in globals.css:

p {
    font-size: 8px;
}

Then, I could change my mind and change it to 9px or even add another CSS selector to this ruleset like Button, so it would be p, button { ... }. Whenever, I make a change it never updates to that change immediately made. It only updates to a change I made previously. At the moment, I currently have a font-size of 8px applied to the p CSS selector in globals.css, but I'm using the dev tools to inspect the element and it shows it has a font-size of 9px. I refreshed the page like 5 times and rebooted the dev server. It still doesn't update to the current change, so I'm wondering what I am doing wrong here. I didn't have this sort of issue when using React with Vite.