DataFrame column hover out of bounds

[cyrfar]

Hi, I am using Solara 1.22.0 to render a DataFrame in my app with column hover capabilities. However, the DataFrame is rather wide and when I hover over the right-most columns, the rendered hover box is out of bounds so that it cannot be seen fully. Is there a way to force the right-most columns to render the box inside the bounds? Here is a reproducible example code and screenshot. Thanks!

import plotly.express as px
import random
import solara


# Create a dataframe with 15 columns of random floats
df = pd.DataFrame({f'Column_{i}': [random.random() for _ in range(100)] for i in range(15)})

@solara.component
def DataFrameWithHover():

    column_hover, set_column_hover = solara.use_state(None)

    with solara.Sidebar():
        solara.Markdown('my app')

    with solara.Column(style='max-width: 400px;') as column_header_info:
        if column_hover:
            fig = px.histogram(df, x=column_hover, title='Histogram')
            solara.FigurePlotly(fig)
    
    with solara.Column():
        solara.DataFrame(
            df,
            column_header_info=column_header_info,
            on_column_header_hover=set_column_hover
        )

DataFrameWithHover()