ajust components size

app.py

@@ -204,7 +204,7 @@ with gr.Blocks(title=f"{demo_name}", theme=theme, css_paths=os.getcwd()+ "/style
                                         )
                 with gr.TabItem("Sources", id= 1):    
                     gr.Markdown("### Sources")
-                    sources_textbox = gr.HTML(show_label=False)
+                    sources_textbox = gr.HTML(show_label=False, elem_id="sources-textbox")
  
         ask.submit(lambda : gr.update(selected=1), outputs=  [tabs]).then(
             fn=chat,

style.css

@@ -236,11 +236,11 @@ label.selected{
         max-height: calc(100vh - 190px) !important;
         overflow: hidden;
     }
-    /* div#chatbot{
+    div#chatbot{
         height:calc(100vh - 170px) !important;
         max-height:calc(100vh - 170px) !important;
 
-    } */
+    }
 
     div#tab-examples{
         height:calc(100vh - 190px) !important;
@@ -250,12 +250,12 @@ label.selected{
 
     div#sources-textbox{
         height:calc(100vh - 190px) !important;
-        overflow-y: scroll !important;
-        /* overflow-y: auto !important; */
+        overflow-y: scroll !important; */
+        /* overflow-y: auto !important;
     }
 
     div#sources-figures{
-        height:calc(100vh - 300px) !important;
+        /* height:calc(100vh - 300px) !important; */
         max-height: 90vh !important;
         overflow-y: scroll !important;
     }