Turn info section into HTML for Spaces; worked with Markdown only locally

app.py

@@ -170,7 +170,7 @@ def search(
 
 
 css = """
-#cards-container {
+.no-pad-container {
     --block-padding: 0px;
 }
 """
@@ -178,15 +178,16 @@ css = """
 with gr.Blocks(title="Quantized Retrieval") as demo:
     with gr.Row():
         with gr.Column(scale=3):
-            gr.Markdown(
+            gr.HTML(
                 """
 <div style='border: 1px solid var(--border-color-primary, #e0e0e0); border-radius: var(--block-radius); padding: 12px 14px; background-color: var(--block-background-fill, transparent);'>
 
 <h1 style='margin-top: 0;'>Quantized Retrieval - Binary Search with Scalar (int8) Rescoring</h1>
 
-This demo showcases retrieval using [quantized embeddings](https://huggingface.co/blog/embedding-quantization) on a CPU. The corpus consists of [41 million texts](https://huggingface.co/datasets/sentence-transformers/quantized-retrieval-data) from Wikipedia articles.
+This demo showcases retrieval using<a href="https://huggingface.co/blog/embedding-quantization" style="padding-left: 0.5ch; padding-right: 0.5ch;">quantized embeddings</a>on a CPU. The corpus consists of<a href="https://huggingface.co/datasets/sentence-transformers/quantized-retrieval-data" style="padding-left: 0.5ch; padding-right: 0.5ch;">41 million texts</a>from Wikipedia articles.
 </div>
-"""
+""",
+                elem_classes="no-pad-container",
             )
             with gr.Accordion("Click to learn about the retrieval process", open=False):
                 gr.Markdown(
@@ -212,7 +213,7 @@ Feel free to check out the [code for this demo](https://huggingface.co/spaces/se
 Notes:
 - The approximate search index (a binary Inverted File Index (IVF)) is in beta and has not been trained with a lot of data.
 """
-            )
+                )
             query = gr.Textbox(
                 label="Query for Wikipedia articles",
                 placeholder="Enter a query to search for relevant texts from Wikipedia.",
@@ -243,7 +244,7 @@ Notes:
 
     with gr.Row():
         with gr.Column(scale=3):
-            cards = gr.HTML(label="Results", elem_id="cards-container")
+            cards = gr.HTML(label="Results", elem_classes="no-pad-container")
         with gr.Column(scale=1):
             summary = gr.Markdown(label="Search Summary")