Accordion dividerProps not doing anything

[100tomtomas100]

Hey

I want to change the color of the divider in accordion and I am using dividerProps={{ className: "bg-red-500"}} and nothing happens
this is my accordion

<Accordion className="pt-8 " dividerProps={{ className: "bg-red-500"}}>
      {questionsAndAnswers.map(
        (question: { title: string; answer: string }) => {
          const { title, answer } = question;
          return (
            <AccordionItem
              key={question.title}
              aria-label={title}
              HeadingComponent="h3"
              keepContentMounted={true}
              title={title}
              classNames={{
                title: "font-semibold text-lg lg:text-2xl",
                indicator: "text-darkPrimary dark:text-lightPrimary",
              }}
            >
              <p className="text-justify text-sm font-medium lg:text-base">
                {answer}
              </p>
            </AccordionItem>
          );
        }
      )}
    </Accordion>

The workaround I found is to add

.bg-divider{
    background-color: hsl(var(--darkPrimary));
}

in global css but It is really not a nice solution

Please let me know if it is possible to do it in a right way

Thank you!

[wingkwong]

The fix will be available in the upcoming bug fix release v.2.4.3.
ref: #3390

[100tomtomas100]

Thank you!