diff --git a/panel/src/components/Layout/Header.vue b/panel/src/components/Layout/Header.vue
index 3027c81fca..1ec50b13f8 100644
--- a/panel/src/components/Layout/Header.vue
+++ b/panel/src/components/Layout/Header.vue
@@ -92,7 +92,7 @@ export default {
 :root {
 	--header-color-back: var(--color-light);
 	--header-padding-block: var(--spacing-4);
-	--header-sticky-offset: calc(var(--scroll-top, 0rem) + 4rem);
+	--header-sticky-offset: calc(var(--scroll-top) + 4rem);
 }
 
 .k-header {
@@ -161,7 +161,7 @@ export default {
 /** TODO: .k-header:has(.k-header-buttons) */
 .k-header[data-has-buttons="true"] {
 	position: sticky;
-	top: var(--scroll-top, 0);
+	top: var(--scroll-top);
 	z-index: var(--z-toolbar);
 }
 </style>
diff --git a/panel/src/components/View/Panel.vue b/panel/src/components/View/Panel.vue
index 0758c6cc22..b0768b6763 100644
--- a/panel/src/components/View/Panel.vue
+++ b/panel/src/components/View/Panel.vue
@@ -60,6 +60,10 @@ export default {};
 </script>
 
 <style>
+:root {
+	--scroll-top: 0rem;
+}
+
 html {
 	overflow-x: hidden;
 	overflow-y: scroll;