diff --git a/src/components/timeline/timeline.scss b/src/components/timeline/timeline.scss
index f5d22f47..bed2a175 100644
--- a/src/components/timeline/timeline.scss
+++ b/src/components/timeline/timeline.scss
@@ -11,6 +11,7 @@
 
   .conversation-heading {
     top: calc(var(--__panel-heading-height) * 2);
+    z-index: 1;
   }
 
   &.-nonpanel {
diff --git a/src/panel.scss b/src/panel.scss
index fb9d1731..a14e732f 100644
--- a/src/panel.scss
+++ b/src/panel.scss
@@ -60,7 +60,7 @@
   padding: 0.6em;
   height: var(--__panel-heading-height);
   line-height: var(--__panel-heading-height-inner);
-  z-index: 2;
+  z-index: 3;
 
   &.-flexible-height {
     --__panel-heading-height: auto;