Update app.py

app.py

@@ -5,12 +5,11 @@ HEADER_HEIGHT = "60px"  # EXAMPLE: Adjust this (e.g., "56px", "4rem")
 HEADER_SELECTOR = 'header[data-testid="stHeader"]'
 
 # ---- SELECTOR FOR THE MAIN CONTENT AREA THAT NEEDS PADDING ----
+# Target the first direct div child of the stAppViewContainer which often holds the main scrollable content 
 #MAIN_CONTENT_SELECTOR = 'section[data-testid="stMain"]'
 #MAIN_CONTENT_SELECTOR = 'section[data-testid="stMain"] > div:nth-child(1)'
-MAIN_CONTENT_SELECTOR = 'section[data-testid="stMainBlockContainer"]'
-#MAIN_CONTENT_SELECTOR = 'section[data-testid="stAppViewContainer"]'
-# This targets the first direct div child of the stAppViewContainer,
-# which often holds the main scrollable content.
+#MAIN_CONTENT_SELECTOR = 'section[data-testid="stMainBlockContainer"]'
+MAIN_CONTENT_SELECTOR = 'section[data-testid="stAppViewContainer"]'
 #MAIN_CONTENT_SELECTOR = 'section[data-testid="stAppViewContainer"] > div:nth-child(1)'
 # Alternative if the above doesn't work or if your content is further nested:
 #MAIN_CONTENT_SELECTOR = 'section[data-testid="stAppViewContainer"] .main-content-wrapper-class'
@@ -36,7 +35,7 @@ custom_css = f"""
 
     /* Adding padding to the main content area to prevent overlap with the sticky header */
     {MAIN_CONTENT_SELECTOR} {{
-        padding-top: 20px /* {HEADER_HEIGHT} !important; */
+        padding-top: 15px /* {HEADER_HEIGHT} !important; */
         background-color: yellow !important;
         #border-style: solid !important;
         #border-color: red !important;