How to remove backround-color of <Code/> from "astro:component" | Astro Lounge | Page 1

I'm Creating custom astro codeblock and it's content using <Code/> from "astro:component" but it have some problem with background-content"
Althouth I set tailwind bg-red but Code's color still the same. When I go to F12 Dev Console, it show background-color:#282c34. If i delete this styles, <Code/> color will become bg-red but I dont know how to do that on my code.

        <div class="p-4 font-mono text-sm text-gray-300 overflow-x-auto">
            <Code
                    class={"bg-transparent p-4 rounded-lg overflow-auto shadow-lg"}
                    code={code} lang={language} theme="one-dark-pro" defaultColor={"light"} wrap={true} />
        </div>

#How to remove backround-color of <Code/> from "astro:component"