Update app.py

app.py

@@ -79,26 +79,26 @@ def create_treemap(treemap_data, count_by, title=None):
 
 # --- FINAL FIX: Use CSS to target and fix the specific visual issues ---
 custom_css = """
-/* Hide the min/max number labels within the RangeSlider component */
-#param-slider-wrapper div[data-testid="range-slider"] > span {
-    display: none !important;
-}
 /* Hide the min/max input boxes and reset button above the RangeSlider */
 #param-slider-wrapper .head {
     display: none !important;
 }
-/* Style the container for the slider group (component-11) as requested */
-#component-11 {
-    background: none !important;
-    border: none !important;
-    box-shadow: none !important;
-    padding: 5px !important;
+
+/* Hide the 0 and 8 labels on the sides of the RangeSlider */
+#param-slider-wrapper div[data-testid="range-slider"] > span {
+    display: none !important;
 }
-/* Target the text block directly following the slider and remove its background */
-#param-slider-wrapper + div {
+
+/* 
+  THIS IS THE KEY FIX:
+  Target all individual component blocks *inside* our specific gr.Group 
+  and remove their backgrounds and borders. This makes the group look like
+  a single, unified card.
+*/
+#component-11 .block {
     background: none !important;
     border: none !important;
-    padding: 4px 0 0 0 !important; /* Add a little space above the text */
+    box-shadow: none !important;
 }
 """