Update app.py

app.py

@@ -235,31 +235,20 @@ with demo:
             allow_flagging="never",
         )
     
-    popup = gr.Column(visible=False)
+    popup = gr.Column(visible=False, elem_id="popup-column")
     with popup:
-        gr.HTML("""
-        <div class="popup-overlay">
-        <div class="popup-box">
-            <h3>Notice</h3>
-            <p>
-            Grabaketak ez dira gordetzen eta automatikoki ezabatzen dira.<br>
-            No se guardan las grabaciones y se eliminan automáticamente.<br>
+        gr.Box(elem_id="popup-box")
+        with gr.Box(elem_id="popup-inner"):
+            gr.Markdown("""
+            ### ℹ️ Notice
+    
+            Grabaketak ez dira gordetzen eta automatikoki ezabatzen dira.  
+            No se guardan las grabaciones y se eliminan automáticamente.  
             The recordings are not saved and are automatically removed.
-            </p>
-            <button id="ok-btn">OK</button>
-        </div>
-        </div>
-        <script>
-        document.getElementById("ok-btn").onclick = () => {
-        // Trigger Gradio function via hidden button if needed
-        document.querySelector('[data-testid="gr-button"]').click();
-        }
-        </script>
-        """)
-        ok_button = gr.Button("OK", elem_classes="popup-box")
-        ok_button.click(fn=hide_popup, outputs=popup)
-        gr.HTML('</div></div>')
-
+            """)
+            ok_button = gr.Button("OK")
+    
+    ok_button.click(fn=hide_popup, outputs=popup)
     demo.load(fn=show_popup, outputs=popup)
 
     gr.HTML("""