The transcript randomly loses stickiness to bottom when browser is zoomed out

Is it an issue related to Adaptive Cards?

No

Is this an accessibility issue?

No

What version of Web Chat are you using?

Latest production

Which distribution are you using Web Chat from?

NPM

Which hosting environment does this issue primarily affect?

Web apps

Which browsers and platforms do the issue happened?

Browser: Edge (latest), Browser: Chrome (latest)

Which area does this issue affect?

Chat history

What is the public URL for the website?

https://microsoft.github.io/BotFramework-WebChat/06.recomposing-ui/a.minimizable-web-chat/

Please describe the bug

The transcript randomly loses stickiness when browser is zoomed out (80%-90%). Looks like the issue is caused by the browser decreasing the font size and resulting in fractional pixel values; for example, the height of span elements inside activities timestamp is 16.25px.

Do you see any errors in console log?

[NO]

How to reproduce the issue?

1. Navigate to https://microsoft.github.io/BotFramework-WebChat/06.recomposing-ui/a.minimizable-web-chat/
2. Zoom in browser
3. Type "card bingsports" in the send box
4. Wait for the bot to answer.
5. Repeat step 2. After 5-10 messages, the bug should reproduce.

What do you expect?

The chat to maintain stickiness.

What actually happened?

Stickiness to bottom is lost.

Do you have any screenshots or recordings to repro the issue?

Adaptive Card JSON

No response

Additional context

[BUG]