Cant seem to set AccordionItem color

[timoconnor]

So in my Accordion, I need to use some colour coding. Cant seem to get it working, other than by setting the 'class' value, but it changes back to default when you hover over the item. This is my code:

<Accordion>
    <AccordionItem class="py-2 rounded-sm text-sm bg-red-600" activeClass="py-2 rounded-sm text-sm bg-red-600" inactiveClass="py-2 rounded-sm text-sm bg-red-600">
      <span class="text-sm" style="white-space:nowrap" slot="header">Item 1 - red</span>
      <p class="mb-2 text-gray-500 dark:text-gray-400">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo ab necessitatibus sint explicabo ...</p>
      </AccordionItem>
      <AccordionItem class="py-2 rounded-sm text-sm bg-yellow-400" activeClass="py-2 rounded-sm text-sm bg-red-600" inctiveClass="py-2 rounded-sm text-sm bg-red-600">
        <span class="text-sm" style="white-space:nowrap" slot="header">Item 2 - yellow</span>
        <p class="mb-2 text-gray-500 dark:text-gray-400">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo ab necessitatibus sint explicabo ...</p>
        </AccordionItem> 
</Accordion>