Styling weird when running `npm run prod`

[Braunson]

I'm already using Tailwind on a project so the config is set to false to include Tailwind. However when I run npm run dev and open Spotlight, it looks fine (the black popup, aligned center, etc).

It's when I run npm run prod is when the styles and positioning get funky. Here's what it looks like (aligned to the top of the page)

[PhiloNL]

Hi @Braunson, My guess is that the CSS classes are purged. You can fix this by including the view in the purge section:

module.exports = {
    purge: [
        './vendor/livewire-ui/modal/resources/views/*.blade.php',
        './storage/framework/views/*.php',
        './resources/views/**/*.blade.php',
    ],
}

Let me know if that works 😄

[Braunson]

@PhiloNL Works, thank you!