diff --git a/packages/calcite-components/src/demos/_assets/head.ts b/packages/calcite-components/src/demos/_assets/head.ts
index b82226531b6..3322a2aafb2 100644
--- a/packages/calcite-components/src/demos/_assets/head.ts
+++ b/packages/calcite-components/src/demos/_assets/head.ts
@@ -31,8 +31,7 @@
   };
 
   const loadHeader = async (): Promise<void> => {
-    const root = window.location.pathname.split(DEMO_ROOT).shift();
-    const response = await window.fetch(`${root}${ASSETS_PATH}/demo-template.html`);
+    const response = await window.fetch(`${ROOT}${ASSETS_PATH}/demo-template.html`);
     const text = await response.text();
     const template = parseTemplate(text);
     if (template) {
@@ -45,7 +44,7 @@
     document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", loadHeader) : loadHeader();
   }
 
-  const ROOT = window.location.pathname.split(DEMO_ROOT).shift();
+  const ROOT = window.location.pathname.split(DEMO_ROOT)[0];
 
   function loadCss(url: string): void {
     const link = document.createElement("link");
diff --git a/packages/calcite-components/src/demos/input-time-picker.html b/packages/calcite-components/src/demos/input-time-picker.html
index 50918a41ffa..599dec949e3 100644
--- a/packages/calcite-components/src/demos/input-time-picker.html
+++ b/packages/calcite-components/src/demos/input-time-picker.html
@@ -5,8 +5,6 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
     <title>Input Time Picker</title>
-    <link rel="stylesheet" href="../build/calcite.css" />
-    <script type="module" src="../build/calcite.esm.js"></script>
     <script src="./_assets/head.js"></script>
     <style>
       .demo-header {
diff --git a/packages/calcite-components/src/demos/menu.html b/packages/calcite-components/src/demos/menu.html
index 221adb99efc..48a951ac017 100644
--- a/packages/calcite-components/src/demos/menu.html
+++ b/packages/calcite-components/src/demos/menu.html
@@ -5,8 +5,6 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
     <title>Calcite Menu / Calcite Menu Item</title>
-    <link rel="stylesheet" href="../build/calcite.css" />
-    <script type="module" src="../build/calcite.esm.js"></script>
     <script src="_assets/head.js"></script>
 
     <script src="https://js.arcgis.com/next/"></script>
diff --git a/packages/calcite-components/src/demos/navigation.html b/packages/calcite-components/src/demos/navigation.html
index dca83bfa835..2043b2b58b1 100644
--- a/packages/calcite-components/src/demos/navigation.html
+++ b/packages/calcite-components/src/demos/navigation.html
@@ -5,8 +5,6 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
     <title>Calcite Nav / Calcite Nav Logo / Calcite Nav User</title>
-    <link rel="stylesheet" href="../build/calcite.css" />
-    <script type="module" src="../build/calcite.esm.js"></script>
     <script src="_assets/head.js"></script>
 
     <script src="https://js.arcgis.com/next/"></script>