diff --git a/lighthouse-core/report/html/templates.html b/lighthouse-core/report/html/templates.html
index 57462c176adf..6d69febfe43f 100644
--- a/lighthouse-core/report/html/templates.html
+++ b/lighthouse-core/report/html/templates.html
@@ -170,7 +170,7 @@
--plugin-icon-size: 75%;
--gauge-wrapper-width: 60px;
--gauge-percentage-font-size: 13px;
- position: sticky;
+ position: fixed;
left: 0;
right: 0;
top: var(--topbar-height);
@@ -185,6 +185,11 @@
pointer-events: none;
}
+ .lh-devtools .lh-sticky-header {
+ /* The report within DevTools is placed in a container with overflow, which changes the placement of this header unless we change `position` to `sticky.` */
+ position: sticky;
+ }
+
.lh-sticky-header--visible {
display: grid;
grid-auto-flow: column;