Update app.py

app.py

@@ -284,22 +284,31 @@ def tutor_ai_chatbot():
         gr.Markdown("An interactive Personal AI Tutor chatbot to help with your learning needs.")
 
         # Chatbot Tab
-        with gr.Tab("AI Chatbot"):
+         with gr.Tab("AI Chatbot"):
             with gr.Row():
                 with gr.Column(scale=3):
                     chatbot = gr.Chatbot(height=500, type="messages")
-                    with gr.Row():
-                        msg = gr.Textbox(label="Ask a question", placeholder="Type your question here...")
-                        submit = gr.Button("Send")
-
-                    with gr.Column(scale=1):
-                        audio_input = gr.Audio(type="numpy", label="Record or Upload Audio")
-
+                    
                 with gr.Column(scale=1):
-                   audio_playback = gr.Audio(label="Audio Response", type="filepath")
-
+                    audio_playback = gr.Audio(label="Audio Response", type="filepath")
+            
+            # Move the input controls here to span full width
+            with gr.Row():
+                msg = gr.Textbox(
+                    label="Ask a question", 
+                    placeholder="Type your question here...",
+                    container=False  # Removes the default container styling
+                )
+                submit = gr.Button("Send")
+            
+            with gr.Row():
+                with gr.Column(scale=1):
+                    audio_input = gr.Audio(type="numpy", label="Record or Upload Audio")
+            
             # Clear chat history button
             clear_btn = gr.Button("Clear Chat")
+            
+    # ... rest of your event handlers remain the same
 
             # Handle chat interaction
             submit.click(