Update app.py

app.py

@@ -217,6 +217,9 @@ CSS = """
 .prob-bar {flex:1; background:#e5e7eb; height:12px; border-radius:6px; overflow:hidden;}
 .prob-fill {height:12px; background:#6366f1;}
 .small-note {font-size:0.9rem; color:#6b7280;}
+#chunkbox {max-height:260px; overflow:auto;}
+#details_note { font-size: 0.9rem; color: #6b7280; }
+.gr-group { max-height: 260px; overflow: auto; }
 """
 
 DESCRIPTION = """
@@ -241,15 +244,17 @@ with gr.Blocks(
             probs_html = gr.HTML(label="Probabilities")
 
             with gr.Accordion("Chunk details", open=False):
-                chunk_table = gr.Dataframe(
-                    headers=["Chunk", "AI generated", "Human written"],
-                    datatype=["number", "number", "number"],
-                    label="Per-chunk probabilities",
-                    wrap=True,
-                    interactive=False,
-                    height=240
-                )
-                details_md = gr.Markdown("", elem_classes=["small-note"])
+                with gr.Group():
+                    chunk_table = gr.Dataframe(
+                        headers=["Chunk", "AI generated", "Human written"],
+                        datatype=["number", "number", "number"],
+                        label="Per-chunk probabilities",
+                        wrap=True,
+                        interactive=False,
+                        row_count=(0, "dynamic"),   # let rows grow
+                        col_count=(3, "fixed"),     # 3 fixed columns
+        )
+                details_md = gr.Markdown("", elem_id="details_note")  # use elem_id for broad compatibility
 
         with gr.Tab("Advanced"):
             gr.Markdown("Adjust chunking parameters below.")