Update app.py

app.py

@@ -9,9 +9,6 @@ theme = gr.themes.Monochrome(
 )
 
 css = """
-h1{font-size: 2em}
-h3{margin-top: 0}
-#component-1{text-align:center}
 .main_ui_logged_out{opacity: 0.3; pointer-events: none}
 .tabitem{border: 0px}
 .group_padding{padding: .55em}
@@ -21,16 +18,20 @@ h3{margin-top: 0}
 }
 """
 
-
 demo = gr.TabbedInterface(
     [sft_app, faq_app],
     ["Supervised Fine-Tuning", "FAQ"],
     css=css,
-    title="⚗️ distilabel Dataset Generator",
-    head="⚗️ distilabel Dataset Generator",
+    title="""
+    <div style="display: flex; flex-direction: column; align-items: center; margin-bottom: 1rem;">
+        <div style="display: flex; align-items: center; justify-content: center;">
+            <img src="https://distilabel.argilla.io/latest/assets/distilabel-black.svg" alt="Distilabel Logo" style="width: 200px; height: auto;">
+        </div>
+        <p style="margin: 10px 0 0 0; font-style: italic; color: #666; font-size: 1.1em;">DataCraft: Build datasets using natural language</p>
+    </div>
+    """,
     theme=theme,
 )
 
-
 if __name__ == "__main__":
     demo.launch()