How to display a table and its plot side by side with an adjusted height

Hi community,
I’m trying to display a table and its plot side by side in a page.
The goal is that the plot’s height matches with the table’s one !

I tried with st.container() and st.columns() combined but it does not work. The plot is much longer than the table (see image below).

import streamlit as st
import plotly.express as px

long_df = px.data.medals_long()

fig = px.bar(long_df, x="nation", y="count",
                color="medal", title="Long-Form Input")

data_container = st.container()

with data_container:
    table, plot = st.columns(2)
    with table:
        st.table(long_df)
    with plot:
        st.plotly_chart(fig, use_container_width=True)

Here is the output :

Do you know how to fix this please ?

Important detail : I’m using different tables, so the number of rows is changing constantly.