diff --git a/layouts/partials/relBasePath.hugo b/layouts/partials/relBasePath.hugo
new file mode 100644
index 0000000000..bcdd0e7c9c
--- /dev/null
+++ b/layouts/partials/relBasePath.hugo
@@ -0,0 +1,11 @@
+{{- /* generates an uphill path from the current page to the root of the site */}}
+{{- $subdir := strings.TrimSuffix (relLangURL "/") (relLangURL "") }}
+{{- $relBasePath := .RelPermalink }}
+{{- $relBasePath = replaceRE "/[^/]*$" "" $relBasePath }}
+{{- $relBasePath = strings.TrimPrefix $subdir $relBasePath }}
+{{- $relBasePath = replaceRE "/[^/]*" "/.." $relBasePath }}
+{{- $relBasePath = trim $relBasePath "/" }}
+{{- if not $relBasePath }}
+	{{- $relBasePath = "." }}
+{{- end }}
+{{- return $relBasePath }}
\ No newline at end of file
diff --git a/layouts/partials/stylesheet.html b/layouts/partials/stylesheet.html
index d815918093..55ce0c229a 100644
--- a/layouts/partials/stylesheet.html
+++ b/layouts/partials/stylesheet.html
@@ -30,8 +30,8 @@
     <script src="{{"js/variant.js" | relURL}}{{ if not .Site.Params.disableAssetsBusting }}?{{ now.Unix }}{{ end }}"></script>
     <script>
       window.relearn = window.relearn || {};
-      window.relearn.baseUri='{{ partial "toBaseRelURL.hugo" $page | safeJS }}';
       window.relearn.baseUriFull='{{ replaceRE "/*$" "" .Site.BaseURL | safeJS }}';
+      window.relearn.relBasePath='{{ partial "relBasePath.hugo" $page | safeJS }}';
     {{- with .Site.Home.OutputFormats.Get "json" }}
       {{- warnf "%q: DEPRECATED usage of 'json' output format found, use 'search' instead; see https://mcshelby.github.io/hugo-theme-relearn/basics/customization#activate-search" $page.File.Filename }}
       window.index_json_url={{ "index.json" | relLangURL }};
diff --git a/layouts/partials/toBaseRelURL.hugo b/layouts/partials/toBaseRelURL.hugo
deleted file mode 100644
index 86acfcbda1..0000000000
--- a/layouts/partials/toBaseRelURL.hugo
+++ /dev/null
@@ -1,10 +0,0 @@
-{{- $subdir := strings.TrimSuffix (relLangURL "/") (relLangURL "") }}
-{{- $url := .RelPermalink }}
-{{- $url = replaceRE "/[^/]*$" "" $url }}
-{{- $rel_url := strings.TrimPrefix $subdir $url }}
-{{- $rel_url = replaceRE "/[^/]*" "/.." $rel_url }}
-{{- $rel_url = trim $rel_url "/" }}
-{{- if not $rel_url }}
-	{{- $rel_url = "." }}
-{{- end }}
-{{- return $rel_url }}
\ No newline at end of file
diff --git a/static/js/theme.js b/static/js/theme.js
index 71944cb070..601b8807e1 100644
--- a/static/js/theme.js
+++ b/static/js/theme.js
@@ -390,11 +390,11 @@ function initOpenapi( update, attrs ){
 
     }
     function renderOpenAPI(oc) {
-        var baseUri = window.relearn.baseUri;
+        var relBasePath = window.relearn.relBasePath;
         var mod = window.relearn.themeVariantModifier;
         var buster = window.themeUseOpenapi.assetsBuster ? '?' + window.themeUseOpenapi.assetsBuster : '';
         var print = isPrint || attrs.isPrintPreview ? "PRINT-" : "";
-        var theme = print ? `${baseUri}/css/theme-relearn-light${mod}.css${buster}` : document.querySelector( '#R-variant-style' ).attributes.href.value
+        var theme = print ? `${relBasePath}/css/theme-relearn-light${mod}.css${buster}` : document.querySelector( '#R-variant-style' ).attributes.href.value
         var swagger_theme = variants.getColorValue( print + 'OPENAPI-theme' );
         var swagger_code_theme = variants.getColorValue( print + 'OPENAPI-CODE-theme' );
 
@@ -418,8 +418,8 @@ function initOpenapi( update, attrs ){
                 '<head>' +
                     '<link rel="stylesheet" href="' + window.themeUseOpenapi.css + '">' +
                     '<link rel="stylesheet" href="' + theme + '">' +
-                    '<link rel="stylesheet" href="' + baseUri + '/css/swagger.css' + buster + '">' +
-                    '<link rel="stylesheet" href="' + baseUri + '/css/swagger-' + swagger_theme + '.css' + buster + '">' +
+                    '<link rel="stylesheet" href="' + relBasePath + '/css/swagger.css' + buster + '">' +
+                    '<link rel="stylesheet" href="' + relBasePath + '/css/swagger-' + swagger_theme + '.css' + buster + '">' +
                 '</head>' +
                 '<body>' +
                     '<a class="relearn-expander" href="" onclick="return relearn_collapse_all()">Collapse all</a>' +
@@ -1538,7 +1538,7 @@ if( window.themeUseMermaid ){
 
 function useOpenapi( config ){
     if( config.css && config.cssInProject ){
-        config.css = window.relearn.baseUri + config.css;
+        config.css = window.relearn.relBasePath + config.css;
     }
 }
 if( window.themeUseOpenapi ){
