Update app.py

app.py

@@ -99,6 +99,10 @@ chtbA = gr.Chatbot(label="Chat with Model A", height=150)
 chtbB = gr.Chatbot(label="Chat with Model B", height=150)
 
 with gr.Blocks() as demo1:
+    with gr.Column():
+        gr.HTML("""<h1 align='center'>SmolLM Arena</h1>
+<h2 align='center'>Cast your vote to choose the best Small Language Model (100M-1.7B)!🚀</h2>
+<h3 align='center'>[<a href="https://github.com/AstraBert/smollm-arena">GitHub</a>] [<a href="https://github.com/AstraBert/smollm-arena?tab=readme-ov-file#usage">Usage Guide</a>]""")
     with gr.Column():
         gr.ChatInterface(fn=replyA, chatbot=chtbA, additional_inputs=modelAchoice, additional_inputs_accordion=accrdnA, submit_btn="Submit to Model A")
         gr.ChatInterface(fn=replyB, chatbot=chtbB, additional_inputs=modelBchoice, additional_inputs_accordion=accrdnB, submit_btn="Submit to Model B")
@@ -108,9 +112,7 @@ with gr.Blocks() as demo1:
         btnA.click(modelA_button, inputs=None, outputs=None) 
         btnB.click(modelB_button, inputs=None, outputs=None) 
 
-demo = gr.TabbedInterface([demo1, demo2], ["Chat Arena", "Leaderboard"], """<h1 align='center'>SmolLM Arena</h1>
-<h2 align='center'>Cast your vote to choose the best Small Language Model (100M-1.7B)!🚀</h2>
-<h3 align='center'>[<a href="https://github.com/AstraBert/smollm-arena">GitHub</a>] [<a href="https://github.com/AstraBert/smollm-arena?tab=readme-ov-file#usage">Usage Guide</a>]""")
+demo = gr.TabbedInterface([demo1, demo2], ["Chat Arena", "Leaderboard"])
 
 if __name__ == "__main__":
     demo.launch(server_name="0.0.0.0", server_port=7860)