Minor display formatting change

src/components/commons.py

@@ -29,7 +29,7 @@ def get_pipeline_selector(model_options: list[str]):
 def get_panel_header(header: str, subheader: str | None = None):
     html = f"<h4 class='panel-header'>{header}</h4>"
     if subheader:
-        html += f"<p class='panel-subheader'>{subheader}</p>"
-    with gr.Row(elem_classes="panel-header-container") as row:
+        html += f"<p class='md panel-subheader'>{subheader}</p>"
+    with gr.Row(elem_classes="md panel-header-container") as row:
         gr.HTML(html)
     return row

src/display/formatting.py

@@ -16,7 +16,7 @@ def styled_warning(warn):
 
 
 def tiny_styled_warning(warn):
-    return f"<p style='color: red; font-size: 12px; text-align: left;'>{warn}</p>"
+    return f"<div class='md' style='color: crimson; font-size: 12px; text-align: left;'>{warn}</div>"
 
 
 def styled_message(message):