diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 27bb81a2d9..47cfa94abe 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -13,6 +13,19 @@
 <meta name="robots" content="noindex, nofollow">
 {{ end -}}
 
+{{- if eq .Kind "404" }}
+<script>
+  (function () {
+    var path = window.location.pathname;
+    var previewPath = path.match(/^((?:\/[^/]+)?\/pr-preview\/pr-[^/]+\/)/);
+    var basePath = previewPath ? previewPath[1] : "/";
+    var base = document.createElement("base");
+    base.href = basePath;
+    document.head.insertBefore(base, document.head.firstChild);
+  })();
+</script>
+{{- end }}
+
 <meta property="og:title" content="{{ .Title }}">
 <meta property="og:description" content="{{ .Description }}">
 <meta property="og:image" content="https://docs.layer5.io/images/layer5-gradient.webp">