Update app.py

app.py

@@ -2,9 +2,6 @@ import gradio as gr
 from image_backend import predict_image_pil
 from audio_backend import predict_audio
 
-# Add Material Icons stylesheet
-gr.HTML('<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">')
-
 # =========================
 # IMAGE LOGIC
 # =========================
@@ -50,16 +47,19 @@ def analyze_audio(audio_path):
 # =========================
 # UI
 # =========================
-with gr.Blocks() as demo:
-    gr.Markdown("# Unified Deepfake Detection System")
+with gr.Blocks(css="style.css") as demo:
+    # Load Material Icons stylesheet
+    gr.HTML('<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">')
+
+    gr.Markdown("# AI Driven Deepfake Detection System")
 
     with gr.Tabs():
         # HOME TAB
-        with gr.Tab('<i class="material-icons">home</i> Home'):
-            gr.Markdown("## Welcome 👋\nSelect the type of media you want to analyze:")
+        with gr.Tab('<span class="material-icons">home</span> Home'):
+            gr.Markdown("## Welcome\nSelect the type of media you want to analyze:")
 
         # IMAGE TAB
-        with gr.Tab('<i class="material-icons">image</i> Image Detection'):
+        with gr.Tab('<span class="material-icons">image</span> Image Detection'):
             gr.Markdown("## Deepfake Image Detection System")
             with gr.Row():
                 with gr.Column(scale=1):
@@ -77,7 +77,7 @@ with gr.Blocks() as demo:
                             outputs=[image_input, img_pred, img_conf, img_risk])
 
         # AUDIO TAB
-        with gr.Tab('<i class="material-icons">audiotrack</i> Audio Detection'):
+        with gr.Tab('<span class="material-icons">audiotrack</span> Audio Detection'):
             gr.Markdown("## Deepfake Audio Detection System")
             with gr.Row():
                 with gr.Column(scale=1):