Trouble with Tailwind V4 & Shadcn Components on a custom field

[random flame]

I added the below content to my custom.scss file to attempt to fix it, it did change some thing and it looks better, but the correct styles are still not applying

@layer theme, base, components, utilities;

/* Import the Tailwind theme styles */
@import "tailwindcss/theme.css" layer(theme);

/* Skip the preflight reset to avoid conflicts with Payload's admin styles */
/* @import 'tailwindcss/preflight.css' layer(base); */

/* Import Tailwind utilities */
@import "tailwindcss/utilities.css" layer(utilities);

/* Support Payload’s dark mode toggle by adding a custom variant */
@custom-variant dark (&:where([data-theme=dark], [data-theme=dark] *));

[brave flax]

New Community-Help Thread Created!

Help is on the way! To mark it as solved, use the /solve command. In the meantime, here are some existing threads that may help you:

Documentation:

• Examples
• Customizing CSS & SCSS - CSS Library - Related Guides
• Root Components
• Swap in your own React components
• Swap in your own React components - Defining Custom Components

Community-Help:

• tailwind 4

[random flame]

I just opted to use Payload primitives to build my component, better anyway so it matches the rest of the admin dashboard.