diff --git a/_includes/docs.njk b/_includes/docs.njk
index d41499dd1..5c89fe741 100644
--- a/_includes/docs.njk
+++ b/_includes/docs.njk
@@ -2,11 +2,13 @@
 layout: "page.njk"
 ---
 
+<div class="fix" style="">
 <aside id="toc">
 <ul>
 {% include "partials/_docs-nav.njk" %}
 </ul>
 </aside>
+</div>
 {{ content | safe }}
 
 {% include "partials/_footer-docs.njk" %}
\ No newline at end of file
diff --git a/assets/css/docs.css b/assets/css/docs.css
index e9d1c8b3b..be0f6ef7d 100644
--- a/assets/css/docs.css
+++ b/assets/css/docs.css
@@ -2,6 +2,15 @@ main {
 	position: relative;
 }
 
+@media (min-width: 1480px) {
+	.fix {
+		position: absolute;
+		right: 100%;
+		height: 100%;
+		min-width: 220px;
+	}
+}
+
 #toc {
 	font-size: 75%;
 
@@ -11,16 +20,9 @@ main {
 	}
 
 	@media (min-width: 1480px) {
-		position: fixed;
-		top: 11rem;
-		right: calc(var(--page-width) + var(--page-margin) + 1em);
+		position: sticky;
+		top: 1em;
 		width: fit-content;
-		max-width: calc(var(--page-margin) - 1em);
-		margin-left: 1em;
-
-		@supports (top: max(1em, 1px)) {
-			top: max(0em, 11rem - var(--scrolltop) * 1px);
-		}
 	}
 
 
diff --git a/assets/js/index.js b/assets/js/index.js
index 933530b3a..18ec9ba06 100644
--- a/assets/js/index.js
+++ b/assets/js/index.js
@@ -9,10 +9,6 @@ if (location.pathname.indexOf("/docs/") > -1 && window.toc) {
 	import("./docs.js");
 }
 
-let root = document.documentElement;
 
 styleCallouts();
 
-document.addEventListener("scroll", evt => {
-	root.style.setProperty("--scrolltop", root.scrollTop);
-}, {passive: true});