fix: make input and output labels smaller

app.py

@@ -172,7 +172,7 @@ with gr.Blocks(css=css, theme=theme) as demo:
     gr.Markdown(HEADER)
     with gr.Row(equal_height=True):
         with gr.Column(scale=1):
-            gr.Markdown("<h1 style='color: #fff !important'>Your Inputs</h1>")
+            gr.Markdown("<div style='color: #fff !important; font-weight: 600'>Your Inputs</div>")
             model_output = gr.Textbox(label="MODEL OUTPUT (required)")
             user_input = gr.Textbox(label="USER INPUT (required)")
             gold_answer = gr.Textbox(label="GOLD ANSWER")
@@ -183,7 +183,7 @@ with gr.Blocks(css=css, theme=theme) as demo:
                 clear_btn = gr.ClearButton([model_output, user_input, gold_answer, retrieved_context, pass_criteria, rubric])
                 submit_button = gr.Button("Submit", variant="primary")
         with gr.Column(scale=1):
-            gr.Markdown("<h1 style='color: #fff !important'>GLIDER Output</h1>")
+            gr.Markdown("<div style='color: #fff !important; font-weight: 600'>GLIDER Output</div>")
             score = gr.Textbox(label="Score")
             reasoning = gr.Textbox(label="Reasoning")
             highlights = gr.Textbox(label="Highlights")