Update app.py

app.py

@@ -126,18 +126,17 @@ button:hover, .gradio-button:hover {
 
 with gr.Blocks(css=css) as demo:
     # Custom header with branding
-    with gr.HTML():
-        gr.HTML("""
-        <div class="app-header">
-            <h1 class="app-title">
-                <span class="shield">🔒</span>
-                <span class="safe">Safe</span>
-                <span class="lm">Playground</span>
-            </h1>
-            <p class="app-subtitle">Responsible AI for everyone</p>
-        </div>
-        <hr class="golden-accent">
-        """)
+    gr.HTML("""
+    <div class="app-header">
+        <h1 class="app-title">
+            <span class="shield">🔒</span>
+            <span class="safe">Safe</span>
+            <span class="lm">Playground</span>
+        </h1>
+        <p class="app-subtitle">Responsible AI for everyone</p>
+    </div>
+    <hr class="golden-accent">
+    """)
         
     with gr.Row():
         # Left sidebar: Model selector
@@ -195,12 +194,11 @@ with gr.Blocks(css=css) as demo:
                 clear_button = gr.Button("Clear Chat")
     
     # Footer with branding
-    with gr.HTML():
-        gr.HTML("""
-        <div class="footer">
-            <p>Safe Playground™ | Responsible AI Technology | © 2025</p>
-        </div>
-        """)
+    gr.HTML("""
+    <div class="footer">
+        <p>Safe Playground™ | Responsible AI Technology | © 2025</p>
+    </div>
+    """)
     
     # Fix 1: Correct event handling for the chatbot interface
     def user(user_message, history):