Update app.py

app.py

@@ -55,20 +55,20 @@ st.set_page_config(
     initial_sidebar_state="expanded"  # Keep sidebar expanded by default
 )
 
-# CSS styles to prevent sidebar scrolling
-prevent_sidebar_scroll_css = """
-<style>
-/* Prevent sidebar scrolling */
-.sidebar .sidebar-content {
-    position: fixed !important;
-    overflow-y: auto;
-    height: calc(100vh - 40px); /* Adjust height as needed */
-}
-</style>
+# JavaScript to prevent scrolling in the sidebar but allow scrolling within
+prevent_sidebar_scroll_js = """
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+    const sidebarContent = document.querySelector('.sidebar .sidebar-content');
+    sidebarContent.style.position = 'sticky';
+    sidebarContent.style.top = '0';
+    sidebarContent.style.overflowY = 'auto';
+});
+</script>
 """
 
-# Apply the CSS styles
-st.markdown(prevent_sidebar_scroll_css, unsafe_allow_html=True)
+# Apply the JavaScript
+st.markdown(prevent_sidebar_scroll_js, unsafe_allow_html=True)
 
 # CSS styles for light and dark modes
 universal_text_color_css = """