Dashboard Layout Breaks at Different Browser Zoom Levels - Need Responsive Design Help

[pedroalexleite]

Hi Streamlit Community,

I’ve built a stock analysis dashboard but ran into a layout issue that I need help fixing. I developed the entire app while my browser was at 75% zoom (for some reason), and now the interface is disproportionate at normal zoom levels (100%).

Is there an easy way to scale down the entire Streamlit app so that 100% zoom looks like my 75% zoom version?

75% zoom:

100% zoom:

GitHub repo link: GitHub - pedroalexleite/Stock-Analyzer-Dashboard

Thanks!

[mathcatsand]

You can adjust the font sizes with theming.

Theming - Streamlit Docs