Hi, i'm using filament and tailwind in a custom livewire page like this: ``` <div class="justify-items-start"> <div class="p-1 rounded-sm border-slate-400 bg-slate-400 "> {{$message->message}} </div> </div> ``` but only the p-1 class is working. here's my tailwind.config.js file: ``` import defaultTheme from 'tailwindcss/defaultTheme'; import forms from '@tailwindcss/forms'; import typography from '@tailwindcss/typography'; /** @type {import('tailwindcss').Config} */ export default { content: [ './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php', "./node_modules/flowbite/**/*.js", './vendor/laravel/jetstream/**/*.blade.php', './storage/framework/views/*.php', './resources/views/**/*.blade.php', 'node_modules/preline/dist/*.js', './pages/**/*.{html,js}', './components/**/*.{html,js}',, ], ``` How can i solve this?