Preloading CSS Jumps when tailwind.css is imported in main.js (Atlantis v6.0.0)

[colinatwork]

I am noticing when tailwind css is imported, the preloading spinner jumps slightly. I have been unable to figure out what about importing tailwind does this. Here are two screenshots, the first with import '@/assets/tailwind.css'; commented out, the second with it running as expected. Any help to get this working would be appreciated!

[colinatwork]

After some amount of trial and error, I think I figured it out. It seems that tailwind is changing the box-sizing CSS property from the default of content-box to border-box in :before modifiers.

To fix I added box-sizing: content-box !important; to both .layout-preloader-container .layout-preloader:before and .layout-preloader-container .layout-preloader span:before classes.

Hope this helps someone else!