Selectbox options are blurry in sidebar

[kevinlinxc]

This one is very easy to replicate, just make a selectbox in the sidebar:

import streamlit as st

st.sidebar.selectbox("Pick an option", ["option 1111111111",
                                        "option 222222222"])

Zoom in and out to randomly change the blurriness. At 100%, there doesn’t seem to be much or any blurriness, which is good. I only noticed this because I happened to be at 90% zoom.
Viewing on Chrome, Win 10

[Caroline]

Hi @kevinlinxc,

Thanks for posting!

I wasn’t able to reproduce this using Chrome on my Mac. This is what it looks like for me:

Caroline

[kevinlinxc]

Did you try zooming in and out?

[Caroline]

Yes, I did

[kevinlinxc]

Do you have colleagues who could test on Windows?

Also, I experienced this issue about 1.5 years ago too

[edsaac]

No noticeable blurriness here either.

On Debian + Firefox (zoom 90%):

On Windows + Firefox (zoom 90%):

[kevinlinxc]

90% on edge for me, Windows 10 Enterprise

Firefox 90% actually isn’t blurry

Have you tried Chromium on Windows?

[Caroline]

@kevinlinxc Seems like this might be specific to your machine’s display settings potentially?

[kevinlinxc]

I’ve switched computers since the first time I’ve seen this bug, so I think it is something else. I can try something like Sauce Labs live testing to see if I can reproduce the bug off my computer.

[edsaac]

It does look blurry on Edge (Win11):

At 90%

At 67%

[edsaac]

Probably an Edge issue, here is a side by side comparison with Firefox (both on Win 11 at 67%)

[kevinlinxc]

You guys haven’t mentioned trying Chrome on windows yet, does that also have this problem?

[edsaac]

Best I can do is the Chromium that comes with Playwright (on Debian). Left is Firefox and right is Chromium and neither shows blurriness at 67%

My guess is that this is not related to streamlit because it seems that that blurriness has been an issue on windows for years.

---

Edit: a link with possible fixes: https://www.technospot.net/blogs/fix-blurry-fonts-problem-in-windows-10-browser-settings-apps-fonts/