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="stVerticalBlock"] > 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'
 # Or, very commonly, Streamlit wraps main content in a div with class "block-container":
@@ -36,7 +36,7 @@ custom_css = f"""
         position: sticky !important;
         top: 0 !important;
         z-index: 9999 !important; /* Very high z-index */
-        background-color: blue;
+        background-color: green;
         #background-color: #0f1116 !important; /* Or your app's header background color */
         /* Add a subtle shadow to make it feel more distinct when content scrolls under */
         /* box-shadow: 0 2px 4px -1px rgba(0,0,0,0.1); */
@@ -45,6 +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;
         border-style: solid !important;
         border-color: red !important;
     }}