Message alignment to the left for user and bot message bubble

Question

Currently The user messages are shown to the right and bot messages are shown to the left like below. Is there a way to align both user and bot messages to the left?

Current Image

Looking for Image

Please let me know how to make this happen

I did try going over this file to see if I can use any style options but could not find anything https://github.com/microsoft/BotFramework-WebChat/blob/master/packages/api/src/StyleOptions.ts

I did try going over this file to see if I can use any style options but could not find anything https://github.com/microsoft/BotFramework-WebChat/blob/master/packages/api/src/StyleOptions.ts but could not see an option to achieve what I need

Answer 1

"horizontalAlignment": "Right"

If it is a adaptive card gives the alignment as right

The output will be

If it's a simple text statement it will work fine. Otherwise we need to supply an invisible character.