We're embedding https://webchat.botframework.com/embed/ in a mobile app and I'm observing that card responses are formatted unnecessarily narrowly compared to returned answers. The following screenshot should illustrate my point:

To reproduce this in Chrome, enter Developer Tools, set the device to iPhone X and then ask a question which yields a card with suggested questions. These questions should be reasonable long e.g. "Reasonably long test question 1" and be associated with long answers as per the screenshot.

This behaviour means that card suggestions are often truncated and therefore ambigious (as per the screenshot). If the cards were formatted to the same width as the answers, this ambiguity would often be removed.

Version

To determine what version of Web Chat you are running, open your browser's development tools, and paste the following line of code into the console.

[].map.call(document.head.querySelectorAll('meta[name^="botframework-"]'), function (meta) { return meta.outerHTML; }).join('\n')

If you are using Web Chat outside of a browser, please specify your hosting environment. For example, React Native on iOS, Cordova on Android, SharePoint, PowerApps, etc.

Describe the bug

Steps to reproduce

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior

Additional context

[Bug]