Update app.py

app.py

@@ -11,11 +11,7 @@ STYLE = """
 }
 
 .custom-btn:hover {
-    background: rgb(243 244 246);
-}
-
-#prompt-txt {
-
+    background: rgb(243 244 246) !important;
 }
 
 #prompt-txt > label > span {
@@ -139,13 +135,17 @@ with gr.Blocks(css=STYLE) as block:
   )
   
   with gr.Row():
-    with gr.Column(scale=1, min_width=100, elem_id="left-pane"):
-      first = gr.Button("1st", elem_classes=["custom-btn"])
-      second = gr.Button("2nd", elem_classes=["custom-btn"])
-      third = gr.Button("3rd", elem_classes=["custom-btn"])
-      fourth = gr.Button("4th", elem_classes=["custom-btn"])
-      fifth = gr.Button("5th", elem_classes=["custom-btn"])
-    with gr.Column(scale=4):
+    with gr.Column(scale=1, min_width=100):
+      gr.Markdown("GradioChat")
+        
+      with gr.Column(elem_id="left-pane"):
+        first = gr.Button("1st", elem_classes=["custom-btn"])
+        second = gr.Button("2nd", elem_classes=["custom-btn"])
+        third = gr.Button("3rd", elem_classes=["custom-btn"])
+        fourth = gr.Button("4th", elem_classes=["custom-btn"])
+        fifth = gr.Button("5th", elem_classes=["custom-btn"])
+          
+    with gr.Column(scale=10):
       chatbot = gr.Chatbot(elem_id='chatbot')
       instruction_txtbox = gr.Textbox(
           placeholder="What do you want to say to AI?", label="",