Improving Visibility of Booting Up Error Pop-Up for Streamlit Apps

few things. i believe its due to the overall width of the preview window which is causing the cropping of the dialog box.
ideally if you view it as an app after you publish it should not crop the error box.
having said that can you try the below code?
st.markdown(
    """
    <style>
    .stAlert div {
        font-size: 18px;
        padding: 20px;  /* Add padding for better spacing */
        max-width: 700px;
    }
    </style>
    """, unsafe_allow_html=True
)
this would increase the size

another way is to hide the code view and the menu view so that the preview gets more space to display.
a Wild shot is to set the st.set_page_config(layout=”wide”) as the first line just after import streamlit as st
 

Thank you for your suggestion.

However, even after embedding the code you provided, the issue has not improved. The dialog box is small, and it requires horizontal scrolling, but the scrollbar is tiny, and when I swipe the dialog box left or right, it disappears. This behavior makes it inconvenient because the dialog box disappears while scrolling.

It seems that this issue cannot be resolved simply by modifying the Streamlit code; rather, it may require improvements to the web page itself.