try adding js

app.py

@@ -64,14 +64,31 @@ example_images = [
 # Custom CSS for HTML height
 css = """
 .scrollable-html {
-    height: 210px;  
+    height: 207px;  
     overflow-y: auto;  
     border: 1px solid #ccc;  
     padding: 10px;  
     box-sizing: border-box;
+    transition: height 0.3s ease;
 }
 """
 
+# Custom JavaScript to dynamically adjust height
+js = """
+<script>
+    function adjustHeight() {
+        const outputElement = document.querySelector('.scrollable-html');
+        if (outputElement && outputElement.innerHTML.trim() !== '') {
+            outputElement.style.height = '250px';
+        } else {
+            outputElement.style.height = '207px';
+        }
+    }
+    document.addEventListener('DOMContentLoaded', adjustHeight);
+    setInterval(adjustHeight, 1000);  // Check every second to adjust height
+</script>
+"""
+
 # Gradio Interface
 interface = gr.Interface(
     fn=predict_image,
@@ -90,4 +107,5 @@ interface = gr.Interface(
     css=css
 )
 
-interface.launch(share=True)
+# Inject the custom JavaScript for dynamic height
+interface.launch(share=True, inline=False, scripts=js)