White background around Tiledesk widget when using TailwindCSS #4

Description: I have integrated Tiledesk widget into my website which uses TailwindCSS for styling. However, I am seeing a white background around the Tiledesk widget, which is causing a visual inconsistency with the rest of my website. I suspect there might be some CSS conflicts between the default styles applied by Tiledesk and my custom styles. I have tried setting the background to transparent and removing the box-shadow using the following CSS, but it did not work:

#tiledesk-container {
  background: transparent !important;
  box-shadow: none !important;
}

Could you please assist me in resolving this issue and achieving a consistent visual style throughout my website?