Send button not properly aligned

[rampatra]

The send button is not centered properly as shown in the above picture.

System details

Browser: Version 1.62.162 Chromium: 121.0.6167.164 (Official Build) (arm64)
macOS: Sonoma 14.0 MacBook M2

[rampatra]

I think this is because the css of this widget are clashing with tailwindcss or something. This is because I do not see this issue in your demo. Will look more into it.

[rampatra]

Thinking out loud here but we can resolve this in a couple of ways:

• Add !important to all css styles you have defined.
• Provide override ability for all the elements like you have for the main div and main whatsapp button.
• Wrap your React component in a secluded style context to prevent such a clash.