Update CSS selectors in Streamlit app for button styling to improve layout consistency and remove unnecessary div styling.

src/streamlit_app.py

@@ -34,11 +34,11 @@ fd_sd_columns = ['CPT', 'FLEX1', 'FLEX2', 'FLEX3', 'FLEX4', 'FLEX5', 'salary', '
 st.markdown("""
 <style>
     /* Tab styling */
-    .stControl [data-baseweb="button-group"] {
+    .stElementContainer [data-baseweb="button-group"] {
         gap: 8px;
         padding: 4px;
     }
-    .stControl [data-baseweb="button"] {
+    .stElementContainer [data-baseweb="stBaseButton-segmented_control"] {
         height: 50px;
         white-space: pre-wrap;
         background-color: #DAA520;
@@ -49,12 +49,12 @@ st.markdown("""
         font-weight: bold;
         transition: all 0.3s ease;
     }
-    .stControl [aria-selected="true"] {
+    .stElementContainer [aria-selected="true"] {
         background-color: #DAA520;
         border: 3px solid #FFD700;
         color: white;
     }
-    .stControl [data-baseweb="button"]:hover {
+    .stElementContainer [data-baseweb="stBaseButton-segmented_control"]:hover {
         background-color: #FFD700;
         cursor: pointer;
     }
@@ -64,10 +64,6 @@ st.markdown("""
         color: white;
     }
 
-    div{
-        box-sizing: content-box !important;
-    }
-
 </style>""", unsafe_allow_html=True)
 
 @st.cache_resource(ttl=60)