Update app.py

app.py

@@ -90,7 +90,7 @@ css = """
 
 # HTML
 title = """
-<div style="text-align: center;max-width: 700px;">
+<div style="text-align: center;max-width: 800px;">
     <h1>Chat with PDF</h1>
     <p style="text-align: center;">Upload a .pdf from local machine, click the "Load PDF🚀" button, <br />
     When ready, you are all set to start asking questions from the pdf</p>
@@ -100,7 +100,7 @@ with gr.Blocks(css=css) as demo:
     with gr.Column(elem_id="col-container"):
         gr.HTML(title)
         
-        with gr.Column():
+        with gr.Column(elem_id="col-container"):
             pdf_doc = gr.File(label="Load a pdf", file_types=['.pdf'], type="file")
             repo_id = gr.Dropdown(label="LLM", choices=["google/flan-ul2", "OpenAssistant/oasst-sft-1-pythia-12b", "bigscience/bloomz", "meta-llama/Llama-2-7b-chat-hf"], value="google/flan-ul2")
             with gr.Row():
@@ -108,7 +108,7 @@ with gr.Blocks(css=css) as demo:
                 load_pdf = gr.Button("Load pdf to langchain")
         
         chatbot = gr.Chatbot([], elem_id="chatbot").style(height=350)
-        question = gr.Textbox(label="Question", placeholder="Type your question and hit Enter ")
+        question = gr.Textbox(label="Question", placeholder="Type your Question and hit Enter ",elem_id="chatbot .user-message")
         submit_btn = gr.Button("Send message")
     #load_pdf.click(loading_pdf, None, langchain_status, queue=False)    
     repo_id.change(pdf_changes, inputs=[pdf_doc, repo_id], outputs=[langchain_status], queue=False)