fix tables

app.py

@@ -266,6 +266,10 @@ with gr.Blocks(css=CUSTOM_CSS) as demo:
             gr.HTML(f"""
             <h2>🤗 Transformers</h2>
             <table style="width: 100%; border-collapse: collapse; margin: 20px 0;">
+                <colgroup>
+                    <col style="width: 30%;">
+                    <col style="width: 70%;">
+                </colgroup>
                 <thead>
                     <tr style="background-color: var(--background-fill-secondary);">
                         <th style="border: 1px solid var(--border-color-primary); padding: 12px; text-align: left;">Architecture</th>
@@ -324,6 +328,10 @@ with gr.Blocks(css=CUSTOM_CSS) as demo:
 
             <h2>🧨 Diffusers</h2>
             <table style="width: 100%; border-collapse: collapse; margin: 20px 0;">
+                <colgroup>
+                    <col style="width: 30%;">
+                    <col style="width: 70%;">
+                </colgroup>
                 <thead>
                     <tr style="background-color: var(--background-fill-secondary);">
                         <th style="border: 1px solid var(--border-color-primary); padding: 12px; text-align: left;">Architecture</th>
@@ -343,6 +351,10 @@ with gr.Blocks(css=CUSTOM_CSS) as demo:
 
             <h2>🤖 Sentence Transformers</h2>
             <table style="width: 100%; border-collapse: collapse; margin: 20px 0;">
+                <colgroup>
+                    <col style="width: 30%;">
+                    <col style="width: 70%;">
+                </colgroup>
                 <thead>
                     <tr style="background-color: var(--background-fill-secondary);">
                         <th style="border: 1px solid var(--border-color-primary); padding: 12px; text-align: left;">Architecture</th>