I embedded a Watson Chatbot to my site using the Watson Assistant plug-in for WordPress. I haven't touched anything regarding the CSS styling of the bot.
Every message bubble sent gets by default a 10px margin-bottom
, that's is how the spacing works.
On Firefox, Safari, and Opera everything looks fine. Just on Chrome the last message sent by Watson doesn't get any spacing from the text input. Why is that? Changing the margin or e.g. adding padding to the message container (wrapper) doesn't work.
Has anyone experienced something similar?
This is Chrome. As you can see the margin is there, it just doesn't have any effect.
This is Firefox representing the other browsers where everything is normal. question from:https://stackoverflow.com/questions/66055143/watson-assistant-message-bubble-spacing-margin-bottom-in-chrome-not-working