Streamlit_option_menu sidebar or menus appear as ordered list

[Balamurukan]

I am running the application locally on Microsoft Edge using Python 3.12.4 and Streamlit version 1.38.0. Despite attempting to troubleshoot the issue on Firefox and Chrome, the menu is displayed as a list, rather than in its intended format."

Let me know if you’d like any further adjustments!

GitHub Link: Airbnb-Analysis/st.py at main · balamurukansu/Airbnb-Analysis · GitHub

[Faltawer]

Don’t really understand the problem, but i don’t have any issue ?

with st.sidebar:
    selected = option_menu("Main Menu", ["Home", 'Settings'], 
        icons=['house', 'gear'], menu_icon="cast", default_index=1)
    selected

If you want home first, select default_index to 0

[Balamurukan]

I hope you can see how the menu is displayed on my screen—there are no icons, and it appears as a list, unlike the designed version visible on your screen. The menu layout is not displaying as expected on my end. I hope this explanation clarifies the issue!

[Faltawer]

Okay I understand !
Do you have the last version of streamlit_option_menu ? Last browser (clear cache, update browser)?
Is there any css code running ?

The first thing it come in mind is the navigator, you already tried different (firefox, chrome).
Not really any idea what is wrong, I can’t reproduce it.

I saw this in another blog :
"What security software do you have?

It is possible that your security software is intercepting the connection and is blocking these CSS files if it happens with other browsers as well."