Update app.py

app.py

@@ -518,7 +518,6 @@ def create_interface():
     """Creates and configures the complete Gradio interface."""
     
     with gr.Blocks(
-        css=custom_css, 
         title="EduBot", 
         fill_width=True, 
         fill_height=True,
@@ -529,13 +528,9 @@ def create_interface():
         gr.HTML('<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>')
         gr.HTML(mathjax_config)
         
-        # Force full height container with aggressive CSS
-        gr.HTML('<style>.main-container { height: 100vh !important; display: flex !important; flex-direction: column !important; }</style>')
-        
         with gr.Column(elem_classes=["main-container"]):
             # Title Section
-            with gr.Row(height="10vh"):
-                gr.HTML('<div class="title-header"><h1>🎓 EduBot</h1></div>')
+            gr.HTML('<div class="title-header"><h1>🎓 EduBot</h1></div>')
             
             # Chat Section
             with gr.Row():
@@ -570,6 +565,9 @@ def create_interface():
         send.click(respond_and_update, [msg, chatbot], [chatbot, msg])
         clear.click(clear_chat, outputs=[chatbot, msg])
         
+        # Apply CSS at the very end for highest precedence
+        gr.HTML(f'<style>{custom_css}</style>')
+        
         return demo
 
 # ===============================================================================