> ## Documentation Index
> Fetch the complete documentation index at: https://docs.makeswift.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Tailwind styles are being overridden

> Resolve issues with Tailwind v4 or other @layer-based CSS frameworks being overridden by CSS resets

## Problem

Starting from [version 4](https://tailwindcss.com/blog/tailwindcss-v4-alpha#designed-for-the-modern-web), Tailwind CSS uses `@layer` rules to define its styles.

Makeswift by default includes a CSS reset from [normalize.css](https://github.com/necolas/normalize.css/).
Because the built-in CSS reset is unlayered, it'll override the Tailwind styles, even if the Tailwind styles are more specific.

From [MDN @layer documentation](https://developer.mozilla.org/en-US/docs/Web/CSS/@layer): "Styles that are not defined in a layer always override styles declared in named and anonymous layers."

<img src="https://mintcdn.com/makeswift/mgb8MXmVee0uQrgq/images/layer-cascade.svg?fit=max&auto=format&n=mgb8MXmVee0uQrgq&q=85&s=7e564681e8fee3276d4b3c11008ac5e4" alt="Image: CSS layer cascade" width="600" height="320" data-path="images/layer-cascade.svg" />

## Solution

Disable the built-in CSS reset by setting `enableCssReset={false}` on the [RootStyleRegistry](/developer/reference/components/root-style-registry). If you followed the installation docs, this would be located in your `lib/makeswift/provider.tsx` or `src/makeswift/provider.tsx` file:

```tsx theme={null}
<RootStyleRegistry enableCssReset={false}>
  {children}
</RootStyleRegistry>
```

Tailwind already ships with [its own reset](https://tailwindcss.com/docs/preflight), so disabling the built-in reset prevents conflicts and preserves Tailwind's styles.