diff --git a/docs/_config.yml b/docs/_config.yml
new file mode 100644
index 00000000..5f054c82
--- /dev/null
+++ b/docs/_config.yml
@@ -0,0 +1,6 @@
+include:
+  - _.js
+  - _*.js
+  - assets
+  - assets/*_.js
+  - assets/*.js
diff --git a/docs/package.json b/docs/package.json
index b2b9cb42..366431e2 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -6,7 +6,7 @@
     "dev:svite": "svite",
     "build": "run-s build:*",
     "build:routify": "routify run -b",
-    "build:svite": "svite build --assetsDir=assets",
+    "build:svite": "svite build --base=/carbon-components-svelte --assetsDir=assets",
     "postbuild": "node scripts/postbuild",
     "deploy": "npx gh-pages -d dist"
   },
diff --git a/docs/scripts/postbuild.js b/docs/scripts/postbuild.js
index b496b7f0..3f3a73bf 100644
--- a/docs/scripts/postbuild.js
+++ b/docs/scripts/postbuild.js
@@ -19,12 +19,7 @@ async function scrape(page, url = "") {
 
 function relativePaths(depth = 0) {
   const asset_extension = new RegExp(/.(js|css|ico)$/);
-  let relative_path =
-    depth > 0
-      ? Array.from({ length: depth }, (_, i) => "../")
-          .join("")
-          .slice(0, -1)
-      : ".";
+  let relative_path = "";
 
   return (tree) => {
     tree.match(
diff --git a/docs/src/App.svelte b/docs/src/App.svelte
index 40bf738e..49e5cf73 100644
--- a/docs/src/App.svelte
+++ b/docs/src/App.svelte
@@ -1,6 +1,8 @@
 <script>
-  import { Router } from "@sveltech/routify";
+  import { Router, basepath } from "@sveltech/routify";
   import { routes } from "../.routify/routes";
+
+  $basepath = "/carbon-components-svelte";
 </script>
 
 <style lang="scss" global>
diff --git a/docs/src/components/Preview.svelte b/docs/src/components/Preview.svelte
index cbde3957..acbef287 100644
--- a/docs/src/components/Preview.svelte
+++ b/docs/src/components/Preview.svelte
@@ -143,7 +143,7 @@
         kind="ghost"
         target="_blank"
         size="field"
-        href="{src}"
+        href="{$url(src)}"
         icon="{Launch16}"
       >
         Open in new tab
diff --git a/docs/src/pages/_layout.svelte b/docs/src/pages/_layout.svelte
index 9928e608..02ffd5ce 100644
--- a/docs/src/pages/_layout.svelte
+++ b/docs/src/pages/_layout.svelte
@@ -164,7 +164,6 @@
 
 <svelte:body
   on:mouseover="{async (e) => {
-    return;
     if (process.env.NODE_ENV === 'development') return;
     if (!e.target.href || !e.target
         .getAttribute('class')
@@ -179,7 +178,7 @@
 <Theme persist>
   <Header
     aria-label="Navigation"
-    href="/"
+    href="{$url('/')}"
     expandedByDefault="{true}"
     bind:isSideNavOpen
   >