diff --git a/assets/js/butter-dir-listing.js b/assets/js/butter-dir-listing.js
index dc5f9f3..1820908 100644
--- a/assets/js/butter-dir-listing.js
+++ b/assets/js/butter-dir-listing.js
@@ -110,8 +110,8 @@ window.onload = function () {
     const breadcrumbs = document.createElement("div");
     breadcrumbs.classList.add('breadcrumbs');
     let breadcrumbHTML = `
-        <a href="/"><img class="home-icon" src="${inferredBaseURL}assets/images/home.svg" alt="home"></a>
-        <a href="${usbRoot}" class="crumb"><img class="path-next" src="${inferredBaseURL}assets/images/next.svg">Explore</a>
+        <a href="${inferredBaseURL}"><img class="home-icon" src="${inferredBaseURL}assets/images/home.svg" alt="home"></a>
+        <a href="${inferredBaseURL}${usbRoot}" class="crumb"><img class="path-next" src="${inferredBaseURL}assets/images/next.svg">Explore</a>
     `;
     pathSteps = path.split('/');
     let pathToHere = usbRoot;
@@ -119,7 +119,7 @@ window.onload = function () {
         pathToHere += step + '/';
         if (step !== "") {
             breadcrumbHTML += `
-            <a href="${pathToHere}" class="crumb"><img class="path-next" src="${inferredBaseURL}assets/images/next.svg">${step}</a>`;
+            <a href="${inferredBaseURL}${pathToHere}" class="crumb"><img class="path-next" src="${inferredBaseURL}assets/images/next.svg">${step}</a>`;
         }
     });
     breadcrumbs.innerHTML = breadcrumbHTML;