Update app.py

app.py

@@ -45,25 +45,13 @@ cfg.description = f'''<center> <h2>{cfg.description}</h2>
                         <br>
                         This demo uses Retrieval Augmented Generation to ask questions about {cfg.source_data_desc}</center>'''
 
-custom_css = """
-body .gradio-container {
-    position: relative;
-}
-body .gradio-container::before {
-    content: "";
-    position: absolute;
-    top: 10px;
-    left: 10px;
-    width: 100px;
-    height: 50px;
-    background-image: url('https://github.com/david-oplatka/chatbot-streamlit/blob/main/Vectara-logo.png');
-    background-size: contain;
-    background-repeat: no-repeat;
-    z-index: 1000;
-}
-"""
-
-demo = gr.ChatInterface(respond, title = cfg.title, description = cfg.description,
+image_html = '''
+<img src="https://github.com/david-oplatka/chatbot-streamlit/blob/main/Vectara-logo.png" style="float:left; width:100px; height:50px; margin-right:20px;">
+'''
+
+with gr.Blocks() as demo:
+    gr.HTML()
+    gr.ChatInterface(respond, title = cfg.title, description = cfg.description,
                         chatbot = gr.Chatbot(value = [[None, "How may I help you?"]], scale=3), css = custom_css)
 
 # header = f'''