Tailwind classes don't show in view

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?
Was this page helpful?