customTheme break Carousel down

[wuhaixing]

• [x] I have searched the Issues to see if this bug has already been reported
• [x] I have tested the latest version

Steps to reproduce

I copy the carousel theme from /flowbite-pro-marketing-ui-pages-hugo-v1.0.1/content/landing/event.html and made a customTheme like this:

const customTheme = {
                "item": {
                  "base": "inset-0 grid gap-8 transition-all duration-700 ease-linear transform lg:grid-cols-2",
                  "wrapper": {
                    "off": "w-full flex-shrink-0 transform cursor-default snap-center",
                    "on": "w-full flex-shrink-0 transform cursor-grab snap-center"
                  }
                },
                "control": {
                  "base": "inline-flex items-center justify-center w-8 h-8 rounded-full sm:w-10 sm:h-10 dark:bg-white/30 bg-gray-800/30 dark:group-hover:bg-white/50 group-hover:bg-gray-800/60 group-focus:ring-4 dark:group-focus:ring-white group-focus:ring-gray-800/70 group-focus:outline-none",
                  "icon": "h-5 w-5 text-white dark:text-gray-800 sm:h-6 sm:w-6"
                },
                "scrollContainer": {
                  "base": "relative h-32 overflow-hidden rounded-lg sm:h-64 xl:h-80 2xl:h-80",
                  "snap": "snap-x"
                }
    }

I got the appearance of this carousel like it in the event, but the controls won't work any more.

Current behavior

controls won't work

Expected behavior

customTheme should not break the control.