Space between radio buttons

[edsaac]

You can modify the CSS gap property of the radio options:

import streamlit as st

st.markdown("""
    <style>
    [role=radiogroup]{
        gap: 3rem;
    }
    </style>
    """,unsafe_allow_html=True)

st.markdown("## Vertical gap for `st.radio`")
st.radio("Options", options=[f"Option {i}" for i in range(1,5)])

Result:

Also check:

Remove or reduce spaces between elements

Here is an idea combining css selectors to modify the gap property of the first column. [image] import streamlit as st button_col, other_col= st.columns([1,3]) st.markdown(""" <style> [data-testid=column]:nth-of-type(1) [data-testid=stVerticalBlock]{ gap: 0rem; } </style> """,unsafe_allow_html=True) with button_col: "*Modified gap:*" st.checkbox("text") st.checkbox("text1") st.checkbox("text2") with other_col: "*Unmodified gap:*" st.chec…