Correcting Space Issue

Gradio's default CSS was applied to three scripts in the app.py, causing an odd spacing issue. I added CSS targeting the classes of these elements from the HTML in the developer tools.

app.py

@@ -227,9 +227,32 @@ custom_css = """
 /* Import Oswald font - Google Fonts */
 @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
 
-/* HIDE the HTML components */
+/* HIDE the HTML components that create scrollbars */
 #component-1, #component-2, #component-3 {
     display: none !important;
+    height: 0 !important;
+    min-height: 0 !important;
+    padding: 0 !important;
+    margin: 0 !important;
+    visibility: hidden !important;
+}
+
+/* Hide any HTML container wrappers that might be creating space */
+.html-container.svelte-phx28p.padding {
+    display: none !important;
+    height: 0 !important;
+    min-height: 0 !important;
+    padding: 0 !important;
+    margin: 0 !important;
+}
+
+/* Hide prose containers that wrap HTML elements */
+.prose.svelte-ydeks8 {
+    display: none !important;
+    height: 0 !important;
+    min-height: 0 !important;
+    padding: 0 !important;
+    margin: 0 !important;
 }
 
 /* Hide any block containers with auto-margin that might be causing spacing */