Fixing issuex

app.py

@@ -18,8 +18,7 @@ with gr.Blocks() as demo:
             button2 = gr.Button("Insert Snippet 2")
         with gr.Column():
             gr.Markdown("**Live Preview**")
-            with gr.Box():
-                markdown_preview = gr.Markdown(label="Live Preview")
+            markdown_preview = gr.Markdown(label="Live Preview", elem_id="preview-box")
     
     button1.click(lambda text, position: insert_snippet(text, snippet1, position), inputs=[text_input, gr.State(0)], outputs=text_input)
     button2.click(lambda text, position: insert_snippet(text, snippet2, position), inputs=[text_input, gr.State(0)], outputs=text_input)
@@ -44,4 +43,17 @@ with gr.Blocks() as demo:
     """
     gr.HTML(js_code)
 
-demo.launch()
+# Add custom CSS for the preview box
+css = """
+#preview-box {
+    border: 1px solid #ccc;
+    padding: 10px;
+    height: auto;
+    min-height: 200px;
+    max-height: 400px;
+    overflow: auto;
+    background-color: #f9f9f9;
+}
+"""
+
+demo.launch(css=css)