Update app.py

app.py

@@ -18,6 +18,37 @@ from PIL import Image, ImageDraw, ImageFont
 logging.basicConfig(level=logging.INFO)
 logger = logging.getLogger(__name__)
 
+css = """
+/* Force tab container to resize dynamically */
+.tab-nav + div {
+    height: auto !important;
+    min-height: 0 !important;
+}
+
+/* Ensure tab content containers resize properly */
+.tabitem {
+    height: auto !important;
+    min-height: 0 !important;
+}
+
+/* Fix for gradio column heights */
+.gradio-column {
+    height: auto !important;
+    min-height: 0 !important;
+}
+
+/* Ensure blocks container resizes */
+.contain {
+    height: auto !important;
+    min-height: 0 !important;
+}
+
+/* Fix for image components that might be causing height issues */
+.image-container {
+    height: auto !important;
+}
+"""
+
 def create_placeholder_image(width=600, height=400, text="No visualization available", bg_color=(0, 0, 0, 0)):
     """
     Create a transparent placeholder image with text
@@ -361,7 +392,7 @@ def load_model_wrapper(model_path):
         return "Failed to load model. Check the path and files."
 
 # Create Gradio interface
-with gr.Blocks(title="Drug-Target Interaction Predictor", theme=gr.themes.Soft()) as demo:
+with gr.Blocks(title="Drug-Target Interaction Predictor", theme=gr.themes.Soft(), css=css) as demo:
     gr.HTML("""
     <div style="text-align: center; margin-bottom: 30px;">
         <h1 style="color: #2E86AB; font-size: 2.5em; margin-bottom: 10px;">