Update app.py

app.py

@@ -21,7 +21,7 @@ HEADER_SELECTOR = 'header[data-testid="stHeader"]'
 # ---- SELECTOR FOR THE MAIN CONTENT AREA THAT NEEDS PADDING ----
 # 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="stMainBlockContainer"] > div:nth-child(1)'
 #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'
@@ -45,7 +45,7 @@ custom_css = f"""
     /* Adding padding to the main content area to prevent overlap with the sticky header */
     {MAIN_CONTENT_SELECTOR} {{
         padding-top: {HEADER_HEIGHT} !important;
-        background-color: red !important;
+        background-color: yellow !important;
         border-style: solid !important;
         border-color: red !important;
     }}