change gr.label with markdown for smaller indiciation

app.py

@@ -134,12 +134,12 @@ def model_call(question, document, answer, client_base_url):
 def upload_file(filepath):
     if filepath is not None:
         name = Path(filepath).name
-        return [gr.UploadButton(visible=False), gr.ClearButton(visible=True), gr.Label(value=name)]
+        return [gr.UploadButton(visible=False), gr.ClearButton(visible=True), gr.Markdown("**Uploaded file:** {name}".format(name=name))]
     else:
-        return [gr.UploadButton(visible=True), gr.ClearButton(visible=False), gr.Label(value="")]
+        return [gr.UploadButton(visible=True), gr.ClearButton(visible=False), gr.Markdown("")]
     # return [gr.UploadButton(visible=False), gr.DownloadButton(label=f"Download {name}", value=filepath, visible=True)]
 def reset_buttons():
-    return [gr.UploadButton(visible=True), gr.ClearButton(visible=False), gr.Label(value="")]
+    return [gr.UploadButton(visible=True), gr.ClearButton(visible=False), gr.Markdown("")]
 
 # def download_file():
 #     return [gr.UploadButton(visible=True), gr.DownloadButton(visible=False)]
@@ -164,9 +164,10 @@ with gr.Blocks(css=css) as demo:
             with gr.Row():
                 question = gr.Textbox(label="Question", scale=9)
                 u = gr.UploadButton("Upload", file_count="single", scale=1)
-                c = gr.ClearButton([u], visible=False, scale=1)
-                # d = gr.DownloadButton("Download the file", visible=False, scale=1)
-            file_name = gr.Label(label="Uploaded File")
+                with gr.Group():
+                    file_name = gr.Markdown("")
+                    c = gr.ClearButton([u, file_name], visible=False, scale=1)
+                    # d = gr.DownloadButton("Download the file", visible=False, scale=1)
             with gr.Row():
                 document = gr.Textbox(label="Document")
             with gr.Row():