Vuetify CSS change order during webpack build
Since the order of your CSS is changing during the build (and assuming there is no difference in your code between environments), it seems the order of your css is changed due to minification. Some tools will group selectors by property value, so that:
.foo { align-items: flex-start;}.bar { align-items: flex-start;}Can be turned into:
.foo, .bar { align-items: flex-start;}This could cause the order of your css to change.
It could be useful to share your build configuration as it appears that's where the issue lies.
This seems to be a problem of text direction by language
element.style { direction: ltr;}