diff --git a/changelog.md b/changelog.md
index 3db5ebb..0ee4eb2 100644
--- a/changelog.md
+++ b/changelog.md
@@ -1,5 +1,11 @@
 # Changelog
 
+## 2026-01-04 - 3.7.1 - fix(sidebar)
+increase scrolled sidebar header box-shadow intensity and size to improve visual separation
+
+- Changed .sidebar-header.scrolled box-shadow from `0 4px 12px -2px rgba(0, 0, 0, 0.4)` to `0 8px 24px -2px rgba(0, 0, 0, 1)`
+- File modified: ts_web/elements/wcc-sidebar.ts — stronger, larger, and fully opaque shadow for better contrast when scrolled
+
 ## 2026-01-04 - 3.7.0 - feat(wcc-sidebar)
 add header shadow and scrolled state for sidebar menu to show elevation when content is scrolled
 
diff --git a/ts_web/00_commitinfo_data.ts b/ts_web/00_commitinfo_data.ts
index 29ca9c7..874e1a8 100644
--- a/ts_web/00_commitinfo_data.ts
+++ b/ts_web/00_commitinfo_data.ts
@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@design.estate/dees-wcctools',
-  version: '3.7.0',
+  version: '3.7.1',
   description: 'A set of web component tools for creating element catalogues, enabling the structured development and documentation of custom elements and pages.'
 }
diff --git a/ts_web/elements/wcc-sidebar.ts b/ts_web/elements/wcc-sidebar.ts
index 9fc99f3..dd41229 100644
--- a/ts_web/elements/wcc-sidebar.ts
+++ b/ts_web/elements/wcc-sidebar.ts
@@ -107,7 +107,7 @@ export class WccSidebar extends DeesElement {
         }
 
         .sidebar-header.scrolled {
-          box-shadow: 0 4px 12px -2px rgba(0, 0, 0, 0.4);
+          box-shadow: 0 8px 24px -2px rgba(0, 0, 0, 1);
           border-bottom-color: var(--border);
         }