diff --git a/docs/releases/v2.7.7.md b/docs/releases/v2.7.7.md
new file mode 100644
index 0000000000000000000000000000000000000000..1c270ee78a5e88b5c4faaa0fe16137dc7b99e35c
--- /dev/null
+++ b/docs/releases/v2.7.7.md
@@ -0,0 +1,5 @@
+# v2.7.7
+
+## Bugfix
+
+- Fixed region hierarchy losing interactivity
diff --git a/mkdocs.yml b/mkdocs.yml
index d26cd3a7500a42635f53bcfc3a026b5dbf2234ef..6049cc99a996867e0f5841778661275770ec85a7 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -33,6 +33,7 @@ nav:
     - Fetching datasets: 'advanced/datasets.md'
     - Display non-atlas volumes: 'advanced/otherVolumes.md'
   - Release notes:
+    - v2.7.7: 'releases/v2.7.7.md'
     - v2.7.6: 'releases/v2.7.6.md'
     - v2.7.5: 'releases/v2.7.5.md'
     - v2.7.4: 'releases/v2.7.4.md'
diff --git a/package.json b/package.json
index dca80be9152cdde01f300cbf2aef46f25891d573..62b067899f4e777dcf60597a5bdc0365c52baac8 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "interactive-viewer",
-  "version": "2.7.6",
+  "version": "2.7.7",
   "description": "siibra-explorer - explore brain atlases. Based on humanbrainproject/nehuba & google/neuroglancer. Built with angular",
   "scripts": {
     "lint": "eslint src --ext .ts",
diff --git a/src/extra_styles.css b/src/extra_styles.css
index 29f5af68d7d0f1b040b19654f1b32bf94b58c648..913f83b9dac50b67b5a00387c726933aeb1ed583 100644
--- a/src/extra_styles.css
+++ b/src/extra_styles.css
@@ -883,7 +883,8 @@ how-to-cite img
 }
 
 /* this is required to set snackbar to be none-interactive */
-.cdk-overlay-pane:has(.sxplr-pe-none)
+/* ignore css lint error, they don't know what they are talking about */
+.cdk-overlay-pane:has(> .sxplr-pe-none)
 {
   pointer-events: none;
 }