why the css is destroyed when i use $router.push?

[FreakFrog]

this is my home page when i load my website index.

https://imgur.com/a/IhixTAm

but when I redirect to the page from a component in another page using

this.$router.push("/")

the page load distorted and becomes missed up like this.

https://imgur.com/a/xa6yjyV

as you can see buttons/fonts and other stuff is messed up.

I'm using vuejs Nuxt basic configuration

[danielroe]

Likely it's to do with the order of your CSS (that is, there are multiple rules with the same level of specificity targeting your elements, and this is causing an issue). The solution (if so) is likely to make sure that you increase the specificity of the rules you want to prevail.

If you think that's not the issue, please do comment with a reproduction and I'll reopen this and investigate 👍

Similar issues: #2211, #2770, #9325, #8896, #4219

[FreakFrog]

thank you, its the case my other page is not scoped because I'm using beufy and cant modify unless I make css universal on that page. i fixed it