diff --git a/how-to/create-window/public/html/app.html b/how-to/create-window/public/html/app.html
index fb85d50c..af29044d 100644
--- a/how-to/create-window/public/html/app.html
+++ b/how-to/create-window/public/html/app.html
@@ -5,7 +5,7 @@
 		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<title>Create Window</title>
-		<link rel="stylesheet" href="/common/style/app.css" />
+		<link rel="stylesheet" href="../common/style/app.css" />
 		<script src="../js/app.bundle.js"></script>
 	</head>
 
@@ -16,7 +16,7 @@ <h1>Create Window</h1>
 				<h1 class="tag">Demonstrate how to open windows.</h1>
 			</div>
 			<div class="row middle gap20">
-				<image src="/common/images/icon-blue.png" alt="OpenFin" height="40px"></image>
+				<image src="../common/images/icon-blue.png" alt="OpenFin" height="40px"></image>
 			</div>
 		</header>
 		<main class="col left gap10">
diff --git a/how-to/create-window/public/html/window.html b/how-to/create-window/public/html/window.html
index 93e56e72..8f5ba2f1 100644
--- a/how-to/create-window/public/html/window.html
+++ b/how-to/create-window/public/html/window.html
@@ -5,7 +5,7 @@
 		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<title>Data Window</title>
-		<link rel="stylesheet" href="/common/style/app.css" />
+		<link rel="stylesheet" href="../common/style/app.css" />
 	</head>
 
 	<body class="col fill gap20">
@@ -15,7 +15,7 @@ <h1>Data Window</h1>
 				<h1 class="tag">Receiving Data from custom options.</h1>
 			</div>
 			<div class="row middle gap20">
-				<image src="/common/images/icon-blue.png" alt="OpenFin" height="40px"></image>
+				<image src="../common/images/icon-blue.png" alt="OpenFin" height="40px"></image>
 			</div>
 		</header>
 		<main class="col left gap10">
diff --git a/how-to/integration-excel/public/views/excel.html b/how-to/integration-excel/public/views/excel.html
index 75982d7f..b722e090 100644
--- a/how-to/integration-excel/public/views/excel.html
+++ b/how-to/integration-excel/public/views/excel.html
@@ -6,7 +6,7 @@
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<title>Integrate with Excel</title>
 		<script src="../js/excel.bundle.js"></script>
-		<link rel="stylesheet" href="/common/style/app.css" />
+		<link rel="stylesheet" href="../common/style/app.css" />
 		<style>
 			main {
 				flex-direction: row;
@@ -32,7 +32,7 @@ <h1>Integrate with Excel</h1>
 				<h1 class="tag">Demonstrate integration with Excel.</h1>
 			</div>
 			<div class="row middle gap20">
-				<image src="/common/images/icon-blue.png" alt="OpenFin" height="40px"></image>
+				<image src="../common/images/icon-blue.png" alt="OpenFin" height="40px"></image>
 			</div>
 		</header>
 
diff --git a/how-to/integration-excel/public/views/fdc3monitor.html b/how-to/integration-excel/public/views/fdc3monitor.html
index 6c787891..4599ff89 100644
--- a/how-to/integration-excel/public/views/fdc3monitor.html
+++ b/how-to/integration-excel/public/views/fdc3monitor.html
@@ -6,7 +6,7 @@
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<title>FDC3 Monitor</title>
 		<script src="../js/fdc3monitor.bundle.js"></script>
-		<link rel="stylesheet" href="/common/style/app.css" />
+		<link rel="stylesheet" href="../common/style/app.css" />
 	</head>
 
 	<body class="col fill gap20">
@@ -16,7 +16,7 @@ <h1>Monitor FDC3 Messages</h1>
 				<h1 class="tag">Demonstrate monitoring messages from Excel.</h1>
 			</div>
 			<div class="row middle gap20">
-				<image src="/common/images/icon-blue.png" alt="OpenFin" height="40px"></image>
+				<image src="../common/images/icon-blue.png" alt="OpenFin" height="40px"></image>
 			</div>
 		</header>
 
diff --git a/how-to/use-channel-api/issue-commands-to-a-platform/public/html/app.html b/how-to/use-channel-api/issue-commands-to-a-platform/public/html/app.html
index 40d441fb..a0f13e62 100644
--- a/how-to/use-channel-api/issue-commands-to-a-platform/public/html/app.html
+++ b/how-to/use-channel-api/issue-commands-to-a-platform/public/html/app.html
@@ -5,7 +5,7 @@
 		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<title>Launched View</title>
-		<link rel="stylesheet" href="/common/style/app.css" />
+		<link rel="stylesheet" href="../common/style/app.css" />
 		<script src="../js/app.bundle.js"></script>
 	</head>
 
@@ -15,7 +15,7 @@
 				<h1>Launched View</h1>
 			</div>
 			<div class="row middle gap20">
-				<image src="/common/images/icon-blue.png" alt="OpenFin" height="40px"></image>
+				<image src="../common/images/icon-blue.png" alt="OpenFin" height="40px"></image>
 			</div>
 		</header>
 		<main class="col left gap10">
diff --git a/how-to/use-channel-api/issue-commands-to-a-platform/public/html/provider.html b/how-to/use-channel-api/issue-commands-to-a-platform/public/html/provider.html
index 9909469a..87bf91c8 100644
--- a/how-to/use-channel-api/issue-commands-to-a-platform/public/html/provider.html
+++ b/how-to/use-channel-api/issue-commands-to-a-platform/public/html/provider.html
@@ -6,7 +6,7 @@
 		<title>OpenFin Provider</title>
 		<meta name="description" content="" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		<link rel="stylesheet" href="/common/style/app.css" />
+		<link rel="stylesheet" href="../common/style/app.css" />
 		<script type="module" src="../js/platform.bundle.js"></script>
 	</head>
 
@@ -16,7 +16,7 @@
 				<h1>OpenFin Provider</h1>
 			</div>
 			<div class="row middle gap20">
-				<image src="/common/images/icon-blue.png" alt="OpenFin" height="40px"></image>
+				<image src="../common/images/icon-blue.png" alt="OpenFin" height="40px"></image>
 			</div>
 		</header>
 		<main class="col left gap10">
diff --git a/how-to/use-channel-api/issue-commands-to-a-platform/public/html/window.html b/how-to/use-channel-api/issue-commands-to-a-platform/public/html/window.html
index 55bf9940..e3a87125 100644
--- a/how-to/use-channel-api/issue-commands-to-a-platform/public/html/window.html
+++ b/how-to/use-channel-api/issue-commands-to-a-platform/public/html/window.html
@@ -5,7 +5,7 @@
 		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<title>Window App - Example</title>
-		<link rel="stylesheet" href="/common/style/app.css" />
+		<link rel="stylesheet" href="../common/style/app.css" />
 		<script src="../js/window.bundle.js"></script>
 	</head>
 
@@ -16,7 +16,7 @@ <h1>Issue Commands To a Platform</h1>
 				<h1 class="tag">Use the channel API to send command to a platform.</h1>
 			</div>
 			<div class="row middle gap20">
-				<image src="/common/images/icon-blue.png" alt="OpenFin" height="40px"></image>
+				<image src="../common/images/icon-blue.png" alt="OpenFin" height="40px"></image>
 			</div>
 		</header>
 		<main class="col left gap10">
diff --git a/how-to/use-content-creation-rules/public/html/app.html b/how-to/use-content-creation-rules/public/html/app.html
index 8dbb37ac..a81e59da 100644
--- a/how-to/use-content-creation-rules/public/html/app.html
+++ b/how-to/use-content-creation-rules/public/html/app.html
@@ -4,7 +4,7 @@
 		<meta charset="UTF-8" />
 		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-		<link rel="stylesheet" href="/common/style/app.css" />
+		<link rel="stylesheet" href="../common/style/app.css" />
 		<title>Content Creation Test App</title>
 		<script src="../js/app.bundle.js"></script>
 	</head>
diff --git a/how-to/use-dynamic-manifest/basic/public/html/app-dev.html b/how-to/use-dynamic-manifest/basic/public/html/app-dev.html
index a685a700..512e9bda 100644
--- a/how-to/use-dynamic-manifest/basic/public/html/app-dev.html
+++ b/how-to/use-dynamic-manifest/basic/public/html/app-dev.html
@@ -5,7 +5,7 @@
 		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<title>Dynamic Manifest</title>
-		<link rel="stylesheet" href="/common/style/app.css" />
+		<link rel="stylesheet" href="../common/style/app.css" />
 	</head>
 
 	<body class="col fill gap20">
@@ -15,7 +15,7 @@ <h1>Dynamic Manifest</h1>
 				<h1 class="tag">How to provide dynamic manifests from an endpoint.</h1>
 			</div>
 			<div class="row middle gap20">
-				<image src="/common/images/icon-blue.png" alt="OpenFin" height="40px"></image>
+				<image src="../common/images/icon-blue.png" alt="OpenFin" height="40px"></image>
 			</div>
 		</header>
 		<main class="col left gap10">
diff --git a/how-to/use-dynamic-manifest/basic/public/html/app-staging.html b/how-to/use-dynamic-manifest/basic/public/html/app-staging.html
index 5b4e4640..b7955118 100644
--- a/how-to/use-dynamic-manifest/basic/public/html/app-staging.html
+++ b/how-to/use-dynamic-manifest/basic/public/html/app-staging.html
@@ -5,7 +5,7 @@
 		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<title>Dynamic Manifest</title>
-		<link rel="stylesheet" href="/common/style/app.css" />
+		<link rel="stylesheet" href="../common/style/app.css" />
 	</head>
 
 	<body class="col fill gap20">
@@ -15,7 +15,7 @@ <h1>Dynamic Manifest</h1>
 				<h1 class="tag">How to provide dynamic manifests from an endpoint.</h1>
 			</div>
 			<div class="row middle gap20">
-				<image src="/common/images/icon-blue.png" alt="OpenFin" height="40px"></image>
+				<image src="../common/images/icon-blue.png" alt="OpenFin" height="40px"></image>
 			</div>
 		</header>
 		<main class="col left gap10">
diff --git a/how-to/use-launch-external-process/public/app.html b/how-to/use-launch-external-process/public/html/app.html
similarity index 89%
rename from how-to/use-launch-external-process/public/app.html
rename to how-to/use-launch-external-process/public/html/app.html
index 51db8e91..03bcd86f 100644
--- a/how-to/use-launch-external-process/public/app.html
+++ b/how-to/use-launch-external-process/public/html/app.html
@@ -6,7 +6,7 @@
 		<title>OpenFin Template</title>
 		<meta name="description" content="" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		<link rel="stylesheet" href="/common/style/app.css" />
+		<link rel="stylesheet" href="../common/style/app.css" />
 		<script src="../js/app.bundle.js"></script>
 	</head>
 	<body class="col fill gap20">
diff --git a/how-to/use-launch-external-process/public/manifest.fin.json b/how-to/use-launch-external-process/public/manifest.fin.json
index 926aa2b2..fdaf7467 100644
--- a/how-to/use-launch-external-process/public/manifest.fin.json
+++ b/how-to/use-launch-external-process/public/manifest.fin.json
@@ -4,7 +4,7 @@
 	},
 	"startup_app": {
 		"name": "launch-app-asset",
-		"url": "http://localhost:5050/app.html",
+		"url": "http://localhost:5050/html/app.html",
 		"uuid": "launch-app-asset",
 		"icon": "http://localhost:5050/common/images/icon-blue.png",
 		"autoShow": true,
diff --git a/how-to/use-logging-apis/public/html/app.html b/how-to/use-logging-apis/public/html/app.html
index ad830945..ff7839df 100644
--- a/how-to/use-logging-apis/public/html/app.html
+++ b/how-to/use-logging-apis/public/html/app.html
@@ -5,7 +5,7 @@
 		<title>How to collect debug logs</title>
 		<meta name="description" content="" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		<link rel="stylesheet" href="/common/style/app.css" />
+		<link rel="stylesheet" href="../common/style/app.css" />
 		<script src="../js/app.bundle.js"></script>
 	</head>
 
@@ -16,7 +16,7 @@ <h1>How to collect logs.</h1>
 				<h1 class="tag">Demonstrate how to use logging APIs</h1>
 			</div>
 			<div class="row middle gap10">
-				<image src="/common/images/icon-blue.png" alt="OpenFin" height="40px"></image>
+				<image src="../common/images/icon-blue.png" alt="OpenFin" height="40px"></image>
 			</div>
 		</header>
 		<main class="row fill gap20">
diff --git a/how-to/use-platform/warn-before-closing-dialog/public/html/dialog.html b/how-to/use-platform/warn-before-closing-dialog/public/html/dialog.html
index cb3bd627..7fcf01b3 100644
--- a/how-to/use-platform/warn-before-closing-dialog/public/html/dialog.html
+++ b/how-to/use-platform/warn-before-closing-dialog/public/html/dialog.html
@@ -7,7 +7,7 @@
 		<title>View(s) preventing closing</title>
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		<script type="module" src="../js/dialog.bundle.js"></script>
-		<link rel="stylesheet" href="/common/style/app.css" />
+		<link rel="stylesheet" href="../common/style/app.css" />
 	</head>
 
 	<body>
diff --git a/how-to/use-platform/warn-before-closing-dialog/public/html/view.html b/how-to/use-platform/warn-before-closing-dialog/public/html/view.html
index 0e253287..199b686f 100644
--- a/how-to/use-platform/warn-before-closing-dialog/public/html/view.html
+++ b/how-to/use-platform/warn-before-closing-dialog/public/html/view.html
@@ -6,7 +6,7 @@
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<title>View</title>
 		<script type="module" src="../js/view.bundle.js"></script>
-		<link rel="stylesheet" href="/common/style/app.css" />
+		<link rel="stylesheet" href="../common/style/app.css" />
 	</head>
 
 	<body class="col fill gap20">
diff --git a/how-to/use-popup-window/advanced/public/html/app.html b/how-to/use-popup-window/advanced/public/html/app.html
index 806b6662..d35daad4 100644
--- a/how-to/use-popup-window/advanced/public/html/app.html
+++ b/how-to/use-popup-window/advanced/public/html/app.html
@@ -5,7 +5,7 @@
 		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<title>Popup Window | Advanced</title>
-		<link rel="stylesheet" href="/common/style/app.css" />
+		<link rel="stylesheet" href="../common/style/app.css" />
 		<script src="../js/app.bundle.js"></script>
 	</head>
 
@@ -16,7 +16,7 @@ <h1>Popup Window</h1>
 				<h1 class="tag">How to use advanced popup window options.</h1>
 			</div>
 			<div class="row middle gap20">
-				<image src="/common/images/icon-blue.png" alt="OpenFin" height="40px"></image>
+				<image src="../common/images/icon-blue.png" alt="OpenFin" height="40px"></image>
 			</div>
 		</header>
 		<main class="col left gap10">
diff --git a/how-to/use-popup-window/advanced/public/html/popup.html b/how-to/use-popup-window/advanced/public/html/popup.html
index eac6b9c0..b4f7d5bf 100644
--- a/how-to/use-popup-window/advanced/public/html/popup.html
+++ b/how-to/use-popup-window/advanced/public/html/popup.html
@@ -5,7 +5,7 @@
 		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<title>Popup Window</title>
-		<link rel="stylesheet" href="/common/style/app.css" />
+		<link rel="stylesheet" href="../common/style/app.css" />
 		<script src="../js/popup.bundle.js"></script>
 	</head>
 
diff --git a/how-to/use-popup-window/modal/public/html/app.html b/how-to/use-popup-window/modal/public/html/app.html
index 67c99e0f..0982ea05 100644
--- a/how-to/use-popup-window/modal/public/html/app.html
+++ b/how-to/use-popup-window/modal/public/html/app.html
@@ -5,7 +5,7 @@
 		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<title>Popup Window | Modal</title>
-		<link rel="stylesheet" href="/common/style/app.css" />
+		<link rel="stylesheet" href="../common/style/app.css" />
 		<script src="../js/app.bundle.js"></script>
 	</head>
 
@@ -16,7 +16,7 @@ <h1>Popup Window</h1>
 				<h1 class="tag">How to use modal popup window options.</h1>
 			</div>
 			<div class="row middle gap20">
-				<image src="/common/images/icon-blue.png" alt="OpenFin" height="40px"></image>
+				<image src="../common/images/icon-blue.png" alt="OpenFin" height="40px"></image>
 			</div>
 		</header>
 		<main class="col left gap10">
diff --git a/how-to/use-popup-window/modal/public/html/popup.html b/how-to/use-popup-window/modal/public/html/popup.html
index 571f1de3..27cd9882 100644
--- a/how-to/use-popup-window/modal/public/html/popup.html
+++ b/how-to/use-popup-window/modal/public/html/popup.html
@@ -5,7 +5,7 @@
 		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<title>Popup Window</title>
-		<link rel="stylesheet" href="/common/style/app.css" />
+		<link rel="stylesheet" href="../common/style/app.css" />
 		<script src="../js/popup.bundle.js"></script>
 	</head>
 
diff --git a/how-to/use-popup-window/multiple-results/public/html/app.html b/how-to/use-popup-window/multiple-results/public/html/app.html
index cdfa9d44..f7c93b0c 100644
--- a/how-to/use-popup-window/multiple-results/public/html/app.html
+++ b/how-to/use-popup-window/multiple-results/public/html/app.html
@@ -5,7 +5,7 @@
 		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<title>Popup Window | Multiple Results</title>
-		<link rel="stylesheet" href="/common/style/app.css" />
+		<link rel="stylesheet" href="../common/style/app.css" />
 		<script src="../js/app.bundle.js"></script>
 	</head>
 
@@ -16,7 +16,7 @@ <h1>Popup Window</h1>
 				<h1 class="tag">How to use multiple results popup window options.</h1>
 			</div>
 			<div class="row middle gap20">
-				<image src="/common/images/icon-blue.png" alt="OpenFin" height="40px"></image>
+				<image src="../common/images/icon-blue.png" alt="OpenFin" height="40px"></image>
 			</div>
 		</header>
 		<main class="col left gap10">
diff --git a/how-to/use-popup-window/single-result/public/html/app.html b/how-to/use-popup-window/single-result/public/html/app.html
index 2437664f..fe328cbd 100644
--- a/how-to/use-popup-window/single-result/public/html/app.html
+++ b/how-to/use-popup-window/single-result/public/html/app.html
@@ -6,7 +6,7 @@
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<title>Popup Window | Single Result</title>
 		<script src="../js/app.bundle.js"></script>
-		<link rel="stylesheet" href="/common/style/app.css" />
+		<link rel="stylesheet" href="../common/style/app.css" />
 	</head>
 
 	<body class="col fill gap20">
@@ -16,7 +16,7 @@ <h1>Popup Window</h1>
 				<h1 class="tag">How to use single result popup window options.</h1>
 			</div>
 			<div class="row middle gap20">
-				<image src="/common/images/icon-blue.png" alt="OpenFin" height="40px"></image>
+				<image src="../common/images/icon-blue.png" alt="OpenFin" height="40px"></image>
 			</div>
 		</header>
 		<main class="col left gap10">
diff --git a/how-to/use-popup-window/single-result/public/html/popup.html b/how-to/use-popup-window/single-result/public/html/popup.html
index 1391171c..074c02d9 100644
--- a/how-to/use-popup-window/single-result/public/html/popup.html
+++ b/how-to/use-popup-window/single-result/public/html/popup.html
@@ -6,7 +6,7 @@
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<title>Popup Window</title>
 		<script src="../js/popup.bundle.js"></script>
-		<link rel="stylesheet" href="/common/style/app.css" />
+		<link rel="stylesheet" href="../common/style/app.css" />
 	</head>
 
 	<body class="border border-light col fill gap20">
diff --git a/how-to/use-preloads/basic/public/html/app.html b/how-to/use-preloads/basic/public/html/app.html
index adf2522f..3351673a 100644
--- a/how-to/use-preloads/basic/public/html/app.html
+++ b/how-to/use-preloads/basic/public/html/app.html
@@ -5,7 +5,7 @@
 		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<title>Preload | Basic</title>
-		<link rel="stylesheet" href="/common/style/app.css" />
+		<link rel="stylesheet" href="../common/style/app.css" />
 		<script src="../js/app.bundle.js"></script>
 	</head>
 
@@ -16,7 +16,7 @@ <h1>Issue Commands To a Platform</h1>
 				<h1 class="tag">Use the channel API to send command to a platform.</h1>
 			</div>
 			<div class="row middle gap20">
-				<image src="/common/images/icon-blue.png" alt="OpenFin" height="40px"></image>
+				<image src="../common/images/icon-blue.png" alt="OpenFin" height="40px"></image>
 			</div>
 		</header>
 		<main class="col left gap10">
diff --git a/how-to/use-security-realms/public/html/app.html b/how-to/use-security-realms/public/html/app.html
index 05e10d15..1e27f630 100755
--- a/how-to/use-security-realms/public/html/app.html
+++ b/how-to/use-security-realms/public/html/app.html
@@ -5,7 +5,7 @@
 		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<title>Security Realm Example</title>
-		<link rel="stylesheet" href="/common/style/app.css" />
+		<link rel="stylesheet" href="../common/style/app.css" />
 		<script src="../js/app.bundle.js"></script>
 	</head>
 
@@ -19,7 +19,7 @@ <h1 class="tag">
 				</h1>
 			</div>
 			<div class="row middle gap20">
-				<image src="/common/images/icon-blue.png" alt="OpenFin" height="40px"></image>
+				<image src="../common/images/icon-blue.png" alt="OpenFin" height="40px"></image>
 			</div>
 		</header>
 		<main class="row gap10 fill">
diff --git a/how-to/use-security-realms/public/html/view-app.html b/how-to/use-security-realms/public/html/view-app.html
index b6e209ec..b4671642 100755
--- a/how-to/use-security-realms/public/html/view-app.html
+++ b/how-to/use-security-realms/public/html/view-app.html
@@ -5,7 +5,7 @@
 		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<title>Security Realm Example</title>
-		<link rel="stylesheet" href="/common/style/app.css" />
+		<link rel="stylesheet" href="../common/style/app.css" />
 		<script src="../js/view-app.bundle.js"></script>
 	</head>
 
@@ -19,7 +19,7 @@ <h1 class="tag">
 				</h1>
 			</div>
 			<div class="row middle gap20">
-				<image src="/common/images/icon-blue.png" alt="OpenFin" height="40px"></image>
+				<image src="../common/images/icon-blue.png" alt="OpenFin" height="40px"></image>
 			</div>
 		</header>
 		<main class="row gap10 fill">
diff --git a/how-to/use-window-options/public/html/app.html b/how-to/use-window-options/public/html/app.html
index 28858924..bac5e3e9 100644
--- a/how-to/use-window-options/public/html/app.html
+++ b/how-to/use-window-options/public/html/app.html
@@ -5,7 +5,7 @@
 		<title>Window Options Example</title>
 		<meta name="description" content="" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		<link rel="stylesheet" href="/common/style/app.css" />
+		<link rel="stylesheet" href="../common/style/app.css" />
 		<script src="../js/app.bundle.js"></script>
 	</head>
 
@@ -16,7 +16,7 @@ <h1>Window Options Example</h1>
 				<h1 class="tag">Demonstrate the customization options available for opening windows.</h1>
 			</div>
 			<div class="row middle gap10">
-				<image src="/common/images/icon-blue.png" alt="OpenFin" height="40px"></image>
+				<image src="../common/images/icon-blue.png" alt="OpenFin" height="40px"></image>
 			</div>
 		</header>
 		<main class="row fill gap20">
diff --git a/how-to/use-window-options/public/html/preview.html b/how-to/use-window-options/public/html/preview.html
index 086f62a1..f8da8fa6 100644
--- a/how-to/use-window-options/public/html/preview.html
+++ b/how-to/use-window-options/public/html/preview.html
@@ -5,7 +5,7 @@
 		<title>Window Options Preview</title>
 		<meta name="description" content="" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		<link rel="stylesheet" href="/common/style/app.css" />
+		<link rel="stylesheet" href="../common/style/app.css" />
 	</head>
 
 	<body class="col fill gap20">
@@ -15,7 +15,7 @@ <h1>Window Options Preview</h1>
 				<h1 class="tag">Demonstrate the customization options available for opening windows.</h1>
 			</div>
 			<div class="row middle gap10">
-				<image src="/common/images/icon-blue.png" alt="OpenFin" height="40px"></image>
+				<image src="../common/images/icon-blue.png" alt="OpenFin" height="40px"></image>
 			</div>
 		</header>
 		<main class="row fill gap20">
diff --git a/scripts/package.js b/scripts/package.js
index 0920dffc..65c25343 100644
--- a/scripts/package.js
+++ b/scripts/package.js
@@ -96,7 +96,7 @@ function packageItems(cliArgs) {
 		try {
 			const rootUrl = [baseURL, DEFAULT_FOLDER, hostFolder, item].filter(Boolean).join('/');
 			const options = {
-				files: `${targetDir}/**/*.json`,
+				files: [`${targetDir}/**/*.json`, `${targetDir}/**/*.js`, `${targetDir}/**/*.html`],
 				from: new RegExp(`http://localhost:${DEFAULT_PORT}`, 'g'),
 				to: rootUrl
 			};
