bring back row

app.py

@@ -761,8 +761,8 @@ soft = gr.themes.Soft(
     button_primary_background_fill='*primary_400'
 )
 
-css_adds = "#top_steps_grp {background: white; overflow: scroll; flex-direction: row;} \
-            #top_steps_row {background: white; overflow: scroll; flex-direction: row;} \
+css_adds = "#top_steps_grp {background: white; flex-direction: row;} \
+            #top_steps_row {background: white; flex-direction: row;} \
             #group_row {background: white; border-color: white;} \
                #attribute_row {background: white; border-color: white;} \
                #tested_model_row {background: white; border-color: white;} \
@@ -813,10 +813,10 @@ css_adds = "#top_steps_grp {background: white; overflow: scroll; flex-direction:
 with gr.Blocks(theme=soft, title="Social Bias Testing in Language Models",
                css=css_adds) as iface:
     with gr.Row(elem_id="top_steps_row"):
-        #with gr.Group(elem_id="top_steps_grp"):
-        s1_btn = gr.Button(value="Step 1: Bias Specification", variant="primary", visible=True, interactive=True)#, size='sm')#.style(size='sm')
-        s2_btn = gr.Button(value="Step 2: Test Sentences", variant="secondary", visible=True, interactive=False)#, size='sm')#.style(size='sm')
-        s3_btn = gr.Button(value="Step 3: Bias Testing", variant="secondary", visible=True, interactive=False)#, size='sm')#.style(size='sm')
+        with gr.Group(elem_id="top_steps_grp"):
+            s1_btn = gr.Button(value="Step 1: Bias Specification", variant="primary", visible=True, interactive=True)#, size='sm')#.style(size='sm')
+            s2_btn = gr.Button(value="Step 2: Test Sentences", variant="secondary", visible=True, interactive=False)#, size='sm')#.style(size='sm')
+            s3_btn = gr.Button(value="Step 3: Bias Testing", variant="secondary", visible=True, interactive=False)#, size='sm')#.style(size='sm')
     err_message = gr.Markdown("", visible=False, elem_id="err_msg_elem")
     bar_progress = gr.Markdown("     ")