fix box

app.py

@@ -158,7 +158,7 @@ with gr.Blocks(css="""
         gr.Markdown("<h1 class='header'>ASR Demo with Editable Transcription</h1>")
         
         # Step 1: Audio Upload & Transcription
-        with gr.Box(elem_classes="section"):
+        with gr.Row(elem_classes="section"):
             gr.Markdown("### Step 1: Audio Upload & Transcription")
             with gr.Row(elem_classes="gradio-row"):
                 audio_input = gr.Audio(sources=["upload", "microphone"], type="filepath", label="Audio Input")
@@ -166,21 +166,21 @@ with gr.Blocks(css="""
             proc_time_state = gr.State()
         
         # Step 2: Review & Edit Transcription
-        with gr.Box(elem_classes="section"):
+        with gr.Row(elem_classes="section"):
             gr.Markdown("### Step 2: Review & Edit Transcription")
             with gr.Row(elem_classes="gradio-row"):
                 original_text = gr.Textbox(label="Original Transcription", interactive=False, lines=5, placeholder="Transcription will appear here...")
                 corrected_text = gr.Textbox(label="Corrected Transcription", interactive=True, lines=5, placeholder="Edit transcription here...")
         
         # Step 3: User Information
-        with gr.Box(elem_classes="section"):
+        with gr.Row(elem_classes="section"):
             gr.Markdown("### Step 3: User Information")
             with gr.Row(elem_classes="gradio-row"):
                 age_input = gr.Slider(minimum=0, maximum=100, step=1, label="Age", value=25)
                 native_speaker_input = gr.Checkbox(label="Native Amis Speaker", value=True)
         
         # Step 4: Save & Download
-        with gr.Box(elem_classes="section"):
+        with gr.Row(elem_classes="section"):
             gr.Markdown("### Step 4: Save & Download")
             with gr.Row(elem_classes="button-row"):
                 save_button = gr.Button("Save Correction to Database", variant="primary")