Update app.py

app.py

@@ -79,13 +79,14 @@ def create_treemap(treemap_data, count_by, title=None):
 
 # --- FINAL FIX: Use CSS to target and fix the specific visual issues ---
 custom_css = """
-/* Target the specific gr.Group containing the slider, remove its background, and add padding */
-.gradio-group:has(#param-slider-wrapper) {
+/* Target our custom group class, remove its background, and set padding */
+.param-slider-group {
     border: none !important;
     background: none !important;
     box-shadow: none !important;
-    padding: 12px !important; /* MODIFIED: Set desired padding */
+    padding: 5px !important;
 }
+
 /* Target the min/max number labels within the RangeSlider component and hide them */
 #param-slider-wrapper div[data-testid="range-slider"] > span {
     display: none !important;
@@ -114,7 +115,7 @@ with gr.Blocks(title="🤗 ModelVerse Explorer", fill_width=True, css=custom_css
             pipeline_filter_dropdown = gr.Dropdown(label="Select Pipeline Tag", choices=PIPELINE_TAGS, value=None, visible=False)
             
             # This group's styling will be modified by the custom CSS
-            with gr.Group():
+            with gr.Group(elem_classes="param-slider-group"):
                 gr.Markdown("<div style='font-weight: 500;'>Model Parameters</div>")
                 param_range_slider = RangeSlider(
                     minimum=0,