# Missing item markers and indentation with tailwindcss + Trix?

I started a new [Ruby on Rails](https://rubyonrails.org/) [7.1](https://guides.rubyonrails.org/7_1_release_notes.html) project the other day, and I added both [tailwindcss](https://tailwindcss.com/) (via the [tailwindcss-rails](https://github.com/rails/tailwindcss-rails) gem) and the [trix editor](https://trix-editor.org/). Everything worked great, except I was missing item markers and indentation on my bulleted lists (both ordered and unordered).

After some research, I discovered that tailwindcss [doesn't style lists by default](https://tailwindcss.com/docs/preflight#lists-are-unstyled). My lists looked like this in trix:

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1698975297187/4137eed5-ab22-4051-8d79-e0e5552b23e4.png align="center")

To fix it, I first added this to my **app/assets/application.tailwind.css:**

```css
.trix-content ul {
  @apply list-disc;
}

.trix-content ol {
  @apply list-decimal;
}
```

That was a little better, but I lost indentation:

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1698978341517/4c69cbf6-02af-4748-8145-008dafeb8bd4.png align="center")

I added some padding:

```css
.trix-content ul {
  @apply list-disc pl-5;
}

.trix-content ol {
  @apply list-decimal pl-5;
}
```

That did it:

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1698975326604/87a051e8-2d29-4926-b864-559d2c18ffa6.png align="center")

I hope that helps! If you feel like I got something wrong or you have a question, please comment or shoot me an email at [**mattlins@hey.com**](mailto:mattlins@hey.com)