UI displays two vertical scrollbars with enabled latex rendering

[tjroamer]

Describe the bug
When latex rendering is set to true in config.toml, UI displayed two vertical scrollbars

To Reproduce
Steps to reproduce the behavior:

1. Set latex=true in config.toml
2. Create an app.py, send a message with latex equation, here my program:

import chainlit as cl
@cl.on_message
async def main(message: cl.Message):
    await cl.Message(
        content="Here is the quadratic formula:\n$$x = \\frac{-b \\pm \\sqrt{b^2 - 4ac}}{2a}$$"
    ).send()

3. Start the chainlit
4. Send the message a couple of times until the scrollbar appears
5. Two scrollbars show up on the right hand side

Expected behavior
Expected to only see one vertical scrollbar

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: Windows 11
• Browser: chrome, edge
• Version: 2.11.1

Smartphone (please complete the following information):

• n.a.

Additional context

There is a related issue: #2003

[Siddhu2k04]

Hi, I'd like to take this issue and work on a fix. Please assign it to me if it's available.

[RasmusJohns]

Just noticed the same thing and found this issue. Would be great if someone like @Siddhu2k04 could fix this.

[Siddhu2k04]

Thanks for tagging me. I'd like to work on this issue. Please assign it to me.