Selectbox width is not aligned

[Shaswat_Mohapatra]

I need my st.selectbox to be placed at col1 but it’s background width is spreading across the page from left most position to right most position, which looks really odd. Please suggest

**CSS Style:**

div[data-baseweb="select"] > div {
    background-color: #cbddfb;
    color: black;
}

**Code Snippet:**
col1, col2 = st.columns(2)
with col1:
      chosen_partition_column = st.selectbox(f"Select partition column for {table}", ["month_id", "week_id"], key=f"partition_column_{table}")
      st.markdown(
       """<style>
       div[class*="stSelectbox"] > label > div[data-testid="stMarkdownContainer"] > p {
        font-size: 16px;
        font-weight: bold;
         }
        </style>
        """, unsafe_allow_html=True)