[BUG] HTML artifacts rendering size issue in runs comparison page

MLflow version

mlflow, version 2.20.2

System information

• Linux 20.04):
• 3.10:

Describe the problem

When comparing .html artifacts in the compare-runs page they are not properly resized like other files e.g. .txt & .png. There is no issue when viewing the artifact on the page for a run.

By running $(".css-pynw8o").style.flexDirection = 'row' in the console the artifacts is shown in the proper way

Steps to reproduce the bug

1. Initiate multiple mlflow runs and save .html artifacts (I used plotting from bokeh)
2. Runs is selected for comparison in the mlflow UI and Compare is clicked
3. Scroll down to artifacts and click on the .html artifact to compare
4. The artfiacts is shown but in a cropped manner

Code to generate data required to reproduce the bug

Run the following snippet below twice, start the mlflow server ``mlflow server` and follow the steps to reproduce.

from bokeh.plotting import figure, output_file, save
import mlflow

# Set up the output file
output_file("plot.html")

# Create a simple plot
x = [1, 2, 3, 4, 5]
y = [6, 7, 2, 4, 5]

p = figure(title="Simple Bokeh Plot", x_axis_label='X-Axis', y_axis_label='Y-Axis')
p.line(x, y, legend_label="Line", line_width=2)

# Save the plot as an HTML file
save(p)

mlflow.log_artifact("plot.html")

Is the console panel in DevTools showing errors relevant to the bug?

No response

Does the network panel in DevTools contain failed requests relevant to the bug?

No response