Update app.py

app.py

@@ -29,7 +29,7 @@ except Exception as e:
 with gr.Blocks(title="DeepV for RTL (Model-Agnostic)", theme=gr.themes.Soft()) as demo:
     gr.Markdown("## DeepV for RTL Code Generation — Model-Agnostic (Bring Your Own API Key)", elem_id="main-title")
 
-    with gr.Row():
+    with gr.Row(elem_id="main-row"):
         with gr.Column(scale=2):
             with gr.Row():
                 model_choice = gr.Dropdown(
@@ -55,7 +55,7 @@ with gr.Blocks(title="DeepV for RTL (Model-Agnostic)", theme=gr.themes.Soft()) a
                 use_rag = gr.Checkbox(value=True, label="Use Retrieval (RAG)")
                 top_k = gr.Slider(1, 10, value=3, step=1, label="Top-K retrieved examples")
 
-            with gr.Accordion("Generation Settings", open=False):
+            with gr.Accordion("Generation Settings", open=False, container=False):
                 temperature = gr.Slider(0.0, 1.5, value=0.2, step=0.05, label="Temperature")
                 top_p = gr.Slider(0.1, 1.0, value=0.9, step=0.05, label="Top-p")
                 max_new_tokens = gr.Slider(128, 4096, value=768, step=64, label="Max tokens")
@@ -144,9 +144,16 @@ with gr.Blocks(title="DeepV for RTL (Model-Agnostic)", theme=gr.themes.Soft()) a
     demo.css = """
         @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap');
 
-        /* New CSS to prevent screen flutter */
-        .gr-accordion > .accordion-content {
-            min-height: 100px; /* Adjust this value as needed */
+        /* NEW: Force flexbox behavior on the main row */
+        #main-row {
+            display: flex;
+        }
+
+        /* NEW: Fixes the jitter when accordion opens */
+        .gr-accordion {
+            display: flex;
+            flex-direction: column;
+            width: 100%;
         }
         
         #main-title {