Update app.py

app.py

@@ -72,22 +72,29 @@ example_questions = [
 LOGO_PATH = "image.png"
 
 with gr.Blocks(title="مساعد قاعدة بيانات الحديث الشريف") as demo:
-    with gr.Row(elem_id="custom-header"):
+     with gr.Row():
         with gr.Column(scale=1, min_width=100):
             gr.Image(value=LOGO_PATH, show_label=False, interactive=False, height=70, width=70)
         with gr.Column(scale=8):
-            gr.Markdown(
+            gr.HTML(
                 """
-                <div style='color:white; font-size:22px; font-weight:bold; text-align:center;'>
+                <div style='
+                    background-color:#2E7D32; 
+                    color:white; 
+                    padding:15px; 
+                    border-radius:10px; 
+                    text-align:center; 
+                    font-size:22px; 
+                    font-weight:bold;
+                    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
+                '>
                     مساعد قاعدة بيانات الحديث الشريف
                     <div style='font-size:16px; font-weight:normal; margin-top:5px;'>
                         استكشف الأحاديث النبوية وعلومها بسهولة
                     </div>
                 </div>
-                """,
-                elem_id="header-title"
+                """
             )
-
     with gr.Row():
         with gr.Column(scale=3):
             gr.Markdown("""