Tailwind color not applied

protected static function getDefaultCurrencyWarning(): Forms\Components\Placeholder
    {
        return Forms\Components\Placeholder::make('default_warning')
            ->hiddenLabel()
            ->content(view('filament.components.core.currency.default-warning'))
            ->visible(fn (Forms\Get $get): bool => $get('is_default'));
    }

<div class="p-4 bg-amber-50 border border-amber-200 rounded-lg dark:bg-amber-900/20 dark:border-amber-700/50">
    <div class="flex items-start">
        <x-heroicon-s-exclamation-triangle
            class="w-5 h-5 text-amber-600 dark:text-amber-400 mt-0.5 mr-3 flex-shrink-0" />
        <div class="text-sm text-amber-800 dark:text-amber-200">
            <strong class="font-semibold">Default Currency:</strong> This will automatically set the exchange rate to
            1.0000 and mark the currency as active. All other currencies will lose default status.
        </div>
    </div>
</div>