Issue with chakra UI CSS

Question

I am trying to display a card using chakra UI and next js but the CSS of chakra UI is messed up and all of my components are now not being shown incorrectly, It seemed to work well till yesterday. deleting the .next folder and rebuilding the application didn't help. Do you guys have any idea about fixing this

• My initial site used to look like this => https://www.thegogamicblog.xyz/
• Now my site looks like this => https://i.sstatic.net/xR25q.png

Answer 1

I just changes the version of chakra UI from 1.8.x to 2.0.0-next.1 and everything works :)